2 replies [Last post]
Top10
Offline
newbie
Winnipeg, Manitoba
Last seen: 13 years 5 weeks ago
Winnipeg, Manitoba
Joined: 2007-08-22
Posts: 2
Points: 0

Hi!

I have been making an effort to get away completely from using tables, but still, somehow , manage highly graphical type sites, occasionally.

I wanted to piece together a relatively complex set of graphics, of a set width, and have them fall into exact divisions, as backgrounds. It worked. I also wanted the entire thing centered, on page, regardless of browser resolution. It works. Heres the catch.

In the very end of my XHTML index.html document, to close my body division I use:


for old browsers, version 5 IE for example.
It doesn't validate, of course, because it is an old attribute no longer used.

Any other way of doing this?

Heres the page:
http://www.top10google.com

Heres the CSS:

body { margin:0px 0px 0px 0px; padding:0px; background:url("back.jpg"); background-repeat: repeat-x; text-align:center; } #searchengineoptimization { width:775px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; text-align:left; } #topfullwidth { width:775px; height:29px; padding:0px; float:left; background:url("top-full-width.png") no-repeat; } #logoarea { width:336px; height:61px; padding:0px; float:left; background:url("logo-area.png") no-repeat; } #screen { width:411px; height:61px; padding:0px; float: left; background:url("screen.png") no-repeat; } #screenrightedge { width:28px; padding:0px; height:61px; float:left; background:url("screen-right-edge.png") no-repeat; } #dividerwidth { width:775px; padding:0px; height:12px; float:left; background:url("divider-width.png") no-repeat; }

#dividermenu {
width:775px;
padding:0px;
height:27px;
float:left;
background:url("divider-menu.png") no-repeat;
}

#dividerbelow {
width:775px;
padding:0px;
height:21px;
float:left;
background:url("divider-below.png") no-repeat;
}

#leftsidetrim {
width:13px;
padding:0px;
height:595px;
float:left;
background:url("left-side-trim.png") no-repeat;
}

#leftnavmenu {
width:116px;
padding:0px;
height:595px;
float:left;
background:url("left-nav-menu.png") no-repeat;
}

#verticaldivider {
width:24px;
padding:0px;
height:595px;
float:left;
background:url("vertical-divider.png") no-repeat;
}
#centercontent {
width:592px;
padding:0px;
height:595px;
float:left;
background:url("center-content.jpg") no-repeat;
}

#rightverticaledge {
width:30px;
padding:0px;
height:595px;
float:left;
background:url("right-vertical-edge.png") no-repeat;
}

#bottomslice {
width:775px;
padding:0px;
height:13px;
float:left;
background:url("bottom-slice.png") no-repeat;
}

#leftlowercorner {
width:233px;
padding:0px;
height:12px;
float:left;
background:url("left-lower-corner.png") no-repeat;
}

#lowertrimnav {
width:527px;
padding:0px;
height:12px;
float:left;
background:url("lower-trim-nav.png") no-repeat;
}

#rightbottomtrim {
width:15px;
padding:0px;
height:12px;
float:left;
background:url("right-bottom-trim.png") no-repeat;
}

#bottomedge {
width:775px;
padding:0px;
height:10px;
float:left;
background:url("bottom-edge.png") no-repeat;
}

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 30 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

html:<br class="clearme"

html:

css:.clearme {
clear: both;
}

Top10
Offline
newbie
Winnipeg, Manitoba
Last seen: 13 years 5 weeks ago
Winnipeg, Manitoba
Joined: 2007-08-22
Posts: 2
Points: 0

thanks!

Thanks that did the trick, thanks to wolfcry i got my w3c button, yay