I'm using a pre-designed template and just made changes to it in photoshop. After deploying the page, I see it's fixed width. It looks nice on my 1600x1200 resolution, but after switching my resolution to 1280x1024, a good proportion has been chopped off. I can't even imagine what this thing must look like in 800x600. I have dreamweaver, though I've never used it. Is there a way I can just change parts of the code to make it liquid? I designed the layout for my sister and have been at it for 2 weeks now and would just like the quickest possible solution to get the job done. Thanks in advance, Kristy
Yeah probably. But every website is built differently - how about posting some code or a link or something so we can take a look?
I wouldn't recommend liquid layout...but you can make it in percentage..for example, if you have a part 300px, you need to make it 30% or something like this...
Okay, I've been doing research into this all day long, and see i'll probably be best off just switching it from the 1280 px. width it was originally designed at to around 960 as the main part and then a 1600 px. width as the background. If that is all that was involved, I could do it with ease. But this layout is slap full of stuff. I'm not even sure if it's just a regular layout or a div one. I can paste the code below, but seeings it's around 25000 characters, it may take several posts, so I'll say sorry in advance. Not sure how much of the code you need to see, so I'm just going to post it all.
body { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/background-1.jpg); background-repeat:repeat-xy; background-position: top center;} div.wrap {width:940px ;} div.module {margin:0px;} div.module {width:912px;} div.row1 div.column0 div.module {width:300px;} div.row1 div.column1 div.module {width:592px;} div.column {margin-bottom:0px; padding-bottom:0px} div#header {background-color:transparent} div#topnav, div#leaderboard, div#googlebar {background:none; background-color:transparent} div#topnav ul, div#topnav ul li {border:0px} x div.clearfix {background-image:none ; background-color:transparent ;} x div.clearfix div {background-image:none ; background-color:transparent ; } x div.clearfix div ul, div.clearfix div ul li {border:0px ; color:000000 ;} x div.globalWidth {background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/kiss.jpg) ; background-position:bottom center; background-repeat:no-repeat} div#header {position:absolute; width:100%; top:0px; left:0px; background-color:#c33c64} div.contentTop {margin-top:180px;} div.module h3 {font-size:0pt; text-indent:-9999px;} div.mdpapplicationModule h3 {font-size:14pt ; text-indent:0px } div.row1 div.column1 div.module {padding:0px} div.module div.modumm {background:none} div.module div.moduleMid { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modmidl.jpg); background-position:top right; background-repeat:repeat-y; } div.module div.moduleMid1 { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modbotr.jpg); background-position:top left; background-repeat:repeat-y; } div.module div.moduleBottom { height:50px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modmidr.jpg); background-position:top right; background-repeat:no-repeat; } div.module div.moduleBottom div { height:50px; width:100%; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/bnnr.jpg); background-position:top left; background-repeat:no-repeat; } div.basicInfoModule div.moduleTop { height:400px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modbotl.jpg); background-repeat:no-repeat; } div.moduleBody {padding-left:5px;} div.photo { width:180px; height:180px; padding-left:0px; padding-top:5px; background-image:url(d) ; background-position:0 0; background-repeat:no-repeat; margin-left:5px; } div.photo img { border: 5px solid #6e88bb} div.module div.moduleMid { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modmidr.jpg); background-position:top right; background-repeat:repeat-y; } body div.profileLayout div.row0 { display:block; margin-bottom:2%; width:100%; padding-top:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/row0.jpg); background-position:0 0; background-repeat:no-repeat; } body div.profileLayout div.row1 { display:block; margin-bottom:2%; width:100%; } body div.profileLayout div.row2 { display:block; margin-bottom:2%; width:100%; } div.row0 div.rowEnd { position:absolute; width:300px; height:400px; top:400px; margin-left:920px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/rside.jpg); background-position:0 0; background-repeat:no-repeat; } div.row1 div.column0 div.columnEnd { position:absolute; width:300px; height:400px; top:300px; margin-left:-300px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/lside.jpg); background-position:0 0; background-repeat:no-repeat; } div.row2 div.rowEnd { position:absolute; width:300px; height:400px; top:800px; margin-left:880px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/lside2.png); background-position:0 0; background-repeat:no-repeat; } div.row1 div.column0 div.columnModule1 { padding-bottom:400px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/lcol1.jpg); background-repeat:no-repeat; background-position:bottom center; } div.row1 div.column0 div.module div.moduleMid { background-image:url(s); } div.row1 div.column1 div.module div.moduleMid { background-image:url(s); } div.row1 div.column1 div.module div.moduleMid1 { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/rcol_bg.jpg); } div.module div.moduleMid1 { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modmidl.jpg); background-position:top left; background-repeat:repeat-y; } div.row1 div.column0 div.module div.moduleMid1 { background-image:url(s); } div.module div.moduleBottom { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modbotr.jpg); background-position:top right; background-repeat:no-repeat; } div.row1 div.column0 div.module div.moduleBottom { height:0px; background-image:url(s); background-position:top right; background-repeat:no-repeat; } div.row1 div.column1 div.module div.moduleBottom { height:0px; background-image:url(d); background-position:top right; background-repeat:no-repeat; } div.module div.moduleBottom div { height:100px; width:100%; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modbotl.jpg); background-position:top left; background-repeat:no-repeat; } div.row1 div.column0 div.module div.moduleBottom div { height:0px; background-image:url(s); } div.row1 div.column1 div.module div.moduleBottom div { height:0px; background-image:url(s); } div.row, div.column {overflow:visible} div.module {overflow:hidden} div.profileLayout div.row0 { padding-top:0px; background-image:url(s); background-position:top left; background-repeat:no-repeat; } div.row1 div.column1 { padding-top:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/rcol.jpg); background-position:top left; background-repeat:no-repeat; } div.row1 div.column1 div.columnEnd { padding-top:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/rcol_ft.jpg); background-position:top left; background-repeat:no-repeat; } div.basicInfoModule div.moduleTop { height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/bnnr.jpg); background-repeat:no-repeat; } div.basicInfoModule div.moduleMid2 { background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/bcard.jpg); background-repeat:no-repeat; background-position:top right; } div.basicInfoDetails {padding-left:185px; padding-right:10px;} ul.contactLinks { padding-left:75px} ul.contactLinks li { display:block; float:left; width:50px; height:50px; margin-right:25px; text-indent:-9999px; overflow:hidden; } ul.contactLinks li.message {margin-left:90px;} ul.contactLinks li.last {margin-right:0px} ul.contactLinks li a {padding:0; display:block; background-image:none; text-indent:9999px; width:50px; height:50px; overflow:hidden; } ul.profileUserAlbum {height:100px; padding-top:15px; margin-top:20px; background-image:url(d); background-repeat:no-repeat; background-position:47px 0px;} ul.profileUserInfo {margin-top:35px;} div.basicInfoModule div.moduleBottom { height:50px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modbotr.jpg); background-position:top right; background-repeat:no-repeat; } div.basicInfoModule div.moduleBottom div { height:50px; width:100%; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modbotl.jpg); background-position:top left; background-repeat:no-repeat; } div.profileLayout div.module div.moduleTop { height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/modtopr.jpg) ; background-position:bottom right; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.module div.moduleTop { height:100px; background-image:url(s) ; background-position:bottom right; background-repeat:no-repeat; } div.profileLayout div.row1 div.column1 div.module div.moduleTop { height:150px; background-image:url(s) ; background-position:bottom right; background-repeat:no-repeat; } div.profileLayout div.module div.moduleTop div { width:100%; height:200px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/genh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.module div.moduleTop div { height:100px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/genh_l.jpg) ; } div.profileLayout div.row1 div.column1 div.module div.moduleTop div { height:150px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/genh_r.jpg) ; } div.profileLayout div.row1 div.column0 div.musicPlayerModule div.moduleTop, div.profileLayout div.row1 div.column0 div.musicPlayerModule div.moduleBottom { height:0px; } div.profileLayout div.musicPlayerModule div.moduleTop div, div.profileLayout div.musicPlayerModule div.moduleTop, div.profileLayout div.musicPlayerModule div.moduleMid1, div.profileLayout div.musicPlayerModule div.moduleMid, div.row1 div.column0 div.musicPlayerModule div.moduleMid, div.row1 div.column0 div.musicPlayerModule div.moduleMid1, div.profileLayout div.musicPlayerModule div.moduleBottom, div.profileLayout div.musicPlayerModule div.moduleBottom div { background-image:url(s); } div.profileLayout div.mdpapplicationModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/apph.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.mdpapplicationModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/apph_l.jpg) ; } div.profileLayout div.row1 div.column1 div.mdpapplicationModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/apph_r.jpg) ; } div.profileLayout div.interestsModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/inth.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.interestsModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/inth1_l.jpg) ; } div.profileLayout div.row1 div.column1 div.interestsModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/inth_r.jpg) ; } div.profileLayout div.interestsModule ul.moduleList li h4 { font-weight:bold;} div.detailsModule {position:relative; margin-left:0px;} div.profileLayout div.detailsModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/deth.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.detailsModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/deth_l.jpg) ; } div.profileLayout div.row1 div.column1 div.detailsModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/deth_r.jpg) ; } div.schoolsModule { position:relative; margin-left:0px;} div.profileLayout div.schoolsModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/schh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.schoolsModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/schh_l.jpg) ; } div.profileLayout div.row1 div.column1 div.schoolsModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/schh_r.jpg) ; } div.profileLayout div.networkingModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/network.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.networkingModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/ntwh_l.jpg) ; } div.profileLayout div.row1 div.column1 div.networkingModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/ntwh_r.jpg) ; } div.profileLayout div.companiesModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/cmph.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.companiesModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/cmph1_l.jpg) ; } div.profileLayout div.row1 div.column1 div.companiesModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/cmph_r.jpg) ; } div.profileLayout div.blogsModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/blgh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.blogsModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/blgh_l.jpg) ; } div.profileLayout div.row1 div.column1 div.blogsModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/blgh_r.jpg) ; } div.blurbsModule {position:relative; margin-left:0px;} div.profileLayout div.blurbsModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/blbh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.blurbsModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/blbh_l.jpg) ; } div.profileLayout div.row1 div.column1 div.blurbsModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/blbh_r.jpg) ; } div.profileLayout div.friendSpaceModule { position:relative; margin-left:0px; } div.profileLayout div.row1 div.column0 div.friendSpaceModule { margin-left:0px; } div.profileLayout div.friendSpaceModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/frnh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.friendSpaceModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/frnh_l.jpg) ; } div.profileLayout div.row0 div.friendSpaceModule div.moduleTop, div.profileLayout div.row2 div.friendSpaceModule div.moduleTop { height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/kiss.jpg) ; background-position:bottom right; background-repeat:no-repeat; } div.profileLayout div.row1 div.column1 div.friendSpaceModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/frnh_r.jpg) ; } div.profileLayout div.commentsModule div.moduleTop div { width:100%; height:200px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/comh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.row1 div.column0 div.commentsModule div.moduleTop div { height:100px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/comh_l.jpg) ; } div.profileLayout div.row1 div.column1 div.commentsModule div.moduleTop div { height:150px; background-image:url(http://i253.photobucket.com/albums/hh80/lovemichael2much/rainbow%20profile/cmph_r.jpg) ; } div.profileLayout div.videoSliderModule div.moduleTop div { width:100%; height:50px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/vdsh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.profileLayout div.videoSliderModule div.moduleTop { height:50px; background-position:bottom left; } div.profileLayout div.videoPlayerModule div.moduleTop div { width:100%; height:50px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/vidh.jpg) ; background-position:bottom left; background-repeat:no-repeat; } div.profileLayout div.videoPlayerModule div.moduleTop { height:50px; background-position:bottom left; } div.profileLayout div.row1 div.column0 div.videoPlayerModule div.moduleTop div, div.profileLayout div.row1 div.column0 div.videoPlayerModule div.moduleTop, div.profileLayout div.row1 div.column0 div.videoPlayerModule div.moduleMid, div.profileLayout div.row1 div.column0 div.videoPlayerModule div.moduleMid1, div.profileLayout div.row1 div.column0 div.videoPlayerModule div.moduleBottom, div.profileLayout div.row1 div.column0 div.videoPlayerModule div.moduleBottom div, div.profileLayout div.row1 div.column0 div.videoSliderModule div.moduleTop div, div.profileLayout div.row1 div.column0 div.videoSliderModule div.moduleTop, div.profileLayout div.row1 div.column0 div.videoSliderModule div.moduleMid, div.profileLayout div.row1 div.column0 div.videoSliderModule div.moduleMid1, div.profileLayout div.row1 div.column0 div.videoSliderModule div.moduleBottom, div.profileLayout div.row1 div.column0 div.videoSliderModule div.moduleBottom div { background-image:none; } div.profileLayout div.calendarModule div.moduleTop div { text-indent:0px; width:100%; height:200px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/genh.jpg) ; background-position:0 0; background-repeat:no-repeat; } div.calendarModule h3 { text-indent:0px; font-size:14pt; font-weight:bold;} div.friendSpaceModule ol.moduleList { float:left; width:100%; display:inline; } x div.friendSpaceModule ol.moduleList li { padding-bottom:20px; display:block; width:111px; height:auto; overflow:hidden; margin-left:0px; float:left; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/fbottom.jpg) ; background-position:bottom left; background-repeat:no-repeat; } div.row1 div.column1 div.friendSpaceModule ol.moduleList li { margin-left:20px; } x div.friendSpaceModule ol.moduleList li a { display:block; width:111px; height:200px; overflow:hidden; } div.friendSpaceModule li a img { border: 5px solid #cc00cc; } x div.friendSpaceModule ol.moduleList li.even { margin-top:20px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/fbottom.jpg) ; background-position:bottom left; background-repeat:no-repeat; } x div.friendSpaceModule ol.moduleList li.odd { margin-top:0px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/fbottomodd.jpg) ; background-position:bottom left; background-repeat:no-repeat; } x div.friendSpaceModule ol.moduleList li span { color:#006699; color:006699; display:block; width:111px; height:50px; overflow:hidden; padding-top:30px; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/ftop.jpg) ; background-position:top left; background-repeat:no-repeat; } x div.friendSpaceModule ol.moduleList li.odd span { color:white; background-image:url(http://i284.photobucket.com/albums/ll2/whateverlifedesigns/dat/pro2/wl11/ftopodd.jpg) ; background-position:top left; background-repeat:no-repeat; } div.commentsModule ul.moduleList div.userComment { padding:0px} div.commentsModule ul.moduleList div.user { width:120px; } div.user img {border:5px solid #cc00cc} div.commentsModule ul.moduleList li { float:left; } div.row1 div.column1 div.commentsModule ul.moduleList div.userComment p.datePosted { display:block; color:black; font-weight:bold; width:395px; _width:425px; height:50px; padding-top:20px; padding-left:30px; margin-left:-30px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row1 div.column1 div.commentsModule ul.moduleList div.userComment { color:black; width:395px; _width:425px; margin-left:140px; padding-left:30px; background-image:url(z) ; background-position:top left; background-repeat:repeat-y; } div.row1 div.column1 div.commentsModule ul.moduleList div.userComment div.clear { display:block; height:50px; width:425px; margin-left:-30px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row1 div.column1 div.commentsModule ul.moduleList li.odd div.userComment p.datePosted { display:block; color:black; font-weight:bold; width:395px; _width:425px; height:50px; padding-top:20px; padding-left:30px; margin-left:-30px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row1 div.column1 div.commentsModule ul.moduleList li.odd div.userComment { color:black; width:395px; _width:425px; padding-left:30px; background-image:url(z) ; background-position:top left; background-repeat:repeat-y; } div.row1 div.column1 div.commentsModule ul.moduleList li.odd div.userComment div.clear { display:block; height:50px; width:425px; margin-left:-30px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row0 div.commentsModule ul.moduleList div.userComment p.datePosted, div.row2 div.commentsModule ul.moduleList div.userComment p.datePosted { display:block; color:black; font-weight:bold; width:670px; _width:725px; height:50px; padding-top:20px; padding-left:35px; padding-right:20px; margin-left:-35px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row0 div.commentsModule ul.moduleList div.userComment, div.row2 div.commentsModule ul.moduleList div.userComment { color:black; width:670px; _width:725px; margin-left:140px; padding-left:35px; padding-right:20px; background-image:url(z) ; background-position:top left; background-repeat:repeat-y; } div.row0 div.commentsModule ul.moduleList div.userComment div.clear, div.row2 div.commentsModule ul.moduleList div.userComment div.clear { display:block; height:50px; width:725px; margin-left:-35px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row0 div.commentsModule ul.moduleList li.odd div.userComment p.datePosted, div.row2 div.commentsModule ul.moduleList li.odd div.userComment p.datePosted { display:block; color:black; font-weight:bold; width:670px; _width:725px; height:50px; padding-top:20px; padding-left:35px; padding-right:20px; margin-left:-35px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row0 div.commentsModule ul.moduleList li.odd div.userComment, div.row2 div.commentsModule ul.moduleList li.odd div.userComment { color:black; width:670px; _width:725px; margin-left:140px; padding-left:35px; padding-right:20px; background-image:url(z) ; background-position:top left; background-repeat:repeat-y; } div.row0 div.commentsModule ul.moduleList li.odd div.userComment div.clear, div.row2 div.commentsModule ul.moduleList li.odd div.userComment div.clear { display:block; height:50px; width:725px; margin-left:-35px; background-image:url(z) ; background-position:top left; background-repeat:no-repeat; } div.row1 div.comment img {width:350px; height:auto;} ul.commentsInfo {position:absolute; margin-top:50px;} div.row1 div.column0 ul.commentsInfo {position:relative}