Header und CSS

**Forum** · 10.10.2009, 03:49

Hallo.

Ich würde gerne meinen Header in meinem Forum mit Block-Elementen aufbauen statt mit Tabellen.

Der Header besteht aus drei Grafiken. Eine Grafik Rechts, eine Links und eine Hintergrundgrafik.

Hier der Code:

Code:

<!-- logo -->
<a name="top"></a>
<div id="header1">
<div id="header2"><h1><a href="$vboptions[forumhome].php$session[sessionurl_q]">$vboptions[bbtitle]</a></h1>
<div id="3"> </div>
</div></div>
<!-- /logo -->

CSS:

Code:

#header1 {
background: transparent url(images/misc/Logo-BG.jpg) repeat scroll 0 0;
height: 150px;
}

#header2 h1 { margin: 0; padding: 0; }
#header2 h1 a {
background: url(images/misc/Logo-Left.jpg) no-repeat scroll left top;
width: 350px;
height: 150px;
text-indent: -9999px;
float: left;
}

#header3 {
background: url(images/misc/Logo-Right) no-repeat scroll right top;
width: 350px;
height: 150px;
float: right;
}

Ist der Code (auch CSS) ok? Wenn ich den Browser (FireFox) manuell verkleinere verschiebt sich die rechte Grafik immer nach unten (ins Forum). Im Internet-Explorer ist die Grafik weg, bis ich den Browser wieder vergrössere.
Wie kann ich das Problem lösen? Ich möchte dass das Forum sich nicht weiter minimieren lässt als die beiden Grafiken zusammen an Pixel ergeben. Also so als würde man <table> benutzen.

Danke.