CSS Problem mit Style.css bei 3 Bildern im Header

[ganjamike]

Hi,
ich versuch jetzt schon den ganzen nachmittag das irgendwie hinzubekommen .. aber leider fehlt mir dazu anscheinend wichtige Grundkenntnisse...

Sache ist folgend:
Im Header sollen Drei Bilder sein, nichts großartiges.
Bild 1 soll links sein, Bild2 soll zentriert in der Mitte sein, und Bild3 soll rechts sein.

Nur hinbekommen tu ichs nicht. Er zieht sich anscheinend immer den letzten Eintrag aus der Style.css und ignoriert den rest. Ich denke das ich einfache eine Art "Brücke" vergessen habe.

Wäre super wenn Ihr mir hier helfen könntet.

#headersection{
background: #FFF url(images/eas-logo.png) left no-repeat;
height: 155px;
width: 100%;
border-top: 1px solid #7D88A4;
border-bottom: 1px solid #7D88A4;
text-align: center;
}

#headersection1{
background: #FFF url(images/taube.png) center no-repeat;
height: 155px;
width: 100%;
border-top: 1px solid #7D88A4;
border-bottom: 1px solid #7D88A4;
text-align: center;
}

#headersection2{
background: #FFF url(images/brot.png) right no-repeat;
height: 155px;
width: 100%;
border-top: 1px solid #7D88A4;
border-bottom: 1px solid #7D88A4;
text-align: center;
}

$HEADER = "
<table id='mainwrap' cellspacing='0' cellpadding='0'>
     <tr>
         <td colspan='2'>
                 <div id='topsection'>
                     {SITETAG}
                 </div>
             </td>
         </tr>
         <tr>
             <td  colspan='2'>
             <div id='headersection'>
             <div id='headersection1'>
             <div id='headersection2'>
                             &nbsp;
         </td>
     </tr>
     <tr>
         <td colspan='2'>
                     <div>
                 {SITELINKS_ALT=no_icons+noclick}
             </div>
             </td>
         </tr>
         <tr>
             <td id='subnav' colspan='2'>
                         <div style='padding-right:10px;'>
                                 {SEARCH}
                     </div>
             </td>
         </tr>
         <tr>
             <td id='leftside' valign='top'>
                         {SETSTYLE=side_menus}
             {MENU=1}
                 </td>
                 <td id='rightside' valign='top'>
             <table id='topmenu' cellspacing='3' cellpadding='3'>
                                 <tr>
                                         <td class='left' valign='top'>
                                                 {SETSTYLE=top_menus}
                                                 {MENU=2}
                                         </td>
                                         <td class='right' valign='top'>
                                                 {MENU=3}
                                         </td>
                                 </tr>
                         </table>
                     {BANNER}
                         <table cellspacing='3' cellpadding='3'>
                                 <tr>
                                         <td id='content' valign='top'>
                                                 {SETSTYLE=content_menus}
";

Vielen Dank im Vorraus für eure Mühen

 

[Velines]

Das Problem dürfte sein, dass das letzte Bild die beiden vorherigen überlagert. Gib mal als width die exakte Breite ein, und verwende für alle 3 floats.

 

[ganjamike]

Danke erst mal für deine Antwort.
Das mit dem float werde ich mir wohl genauer anschauen müssen, da sobald ich den float wie ich denke das es richtig ist

#headersection1{
background: #FFF url(images/brot.png) no-repeat;
float: left;
height: 155px;
width: 500px;
border-top: 1px solid #7D88A4;
border-bottom: 1px solid #7D88A4;
text-align: center;
}

einbinde, habe ich immernoch das selbe Problem. Ich denke das ich in der theme.php irgendwo nen Fehler drin habe.

Ich werd mir das ganze noch mal genau anschaun und mit dem float genau überarbeiten.

Danke noch einmal. Falls dir noch eine Idee kommt freue ich mich natürlich

MFG ChillazZ

 

[PW-toXic]

<img id="1"><img id="2"><div id="3">test</div>

img1: float: left;

img2: float: right

div; margin: auto;

http://pw-toxic.de/blog/77
das untere beispiel
quelltext anzeigen und durchsuchen nach "float example" und du findest den html code dafür

 

[ganjamike]

Danke ich werd das Morgen ausprobieren