Ermm... last cleanup (I hope).
Not that it did not work, just removed some other obsolete code:
So the width and height settings may be removed form #logo1 and #logo3, and the background colors may be removed to of course, in the final CSS. These are only there to show that the sample works. (even the left and right div can be removed then, but I would leave those to keep it flexible).Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html> <head> <style type="text/css"> <!-- body, html { margin: 0; padding: 0; } #logo1 { position: absolute; left: 0; top:0; width: 490px; height:115px; background: red; } #logo2 { background: green url(logo/gpc-logo-trans-line.gif); height:115px; margin-left:490px; margin-right: 85px; } #logo3 { position: absolute; right: 0; top:0; width:85px; height:115px; background: orange; } --> </style> </head> <body> <div id="logo1">L</div><div id="logo2">OG</div><div id="logo3">O</div> </body> </html>
So that would leave us:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <html> <head> <style type="text/css"> <!-- body, html { margin: 0; padding: 0; } #logo1 { position: absolute; left: 0; top:0; } #logo2 { background: green url(logo/gpc-logo-trans-line.gif); height:115px; margin-left:490px; margin-right: 85px; } #logo3 { position: absolute; right: 0; top:0; } --> </style> </head> <body> <div id="logo1">L</div><div id="logo2">OG</div><div id="logo3">O</div> </body> </html>



