|
|||
3 Div Boxen - rechte DIV BOx soll immer ganz unten sein
Hallo,
ich habe für eine Themenseite für Shops jeden beitrag in 3 Div Boxen geteilt. Linke Div = Logo Mittlere Div= text rechte Div= Grafik "zum Shop" so sieht meine CSS aus Code:
/* 3 Div Boxen floaten */ .logo-links { width: 110px; /* folgende min-width in Relation zu entsprechender Angabe unter .aussenrahmen (s.o.) */ min-width: 100px; margin-top: 25px; /* margin-left-Angabe abweichend von .box02 & .box03 , ermittelt durch Trial & Error, float-bug in IE wird in darauffolgender Definition korrigiert */ margin-left: 5px; float: left; } /* ab hier wird's tricky wegen IE Float-Bug, Hack dank Thomas Scholz; Erklärung siehe: http://www.css-technik.de/details/107/5/CSS-Browser-Bugs.htm; verursacht *keine* Warnung beim Validieren! */ * html .logo-links { /* fuer IE Win \*/ margin-left: 1.1%; /* */ } .text-mitte { width: 500px; /* min-width siehe .box01 */ min-width: 300px; margin-top: 2px; margin-left: 10px; float: left; } .button-rechts { width: 70px; /* min-width siehe .box01 */ min-width: 60px; margin-top: 20px; margin-left: 30px; float: left; } Ich weiß, daß ich ein Wrapper benötige, aber wie könnte ich es am besten lösen ? Danke vorweg für alle Tipps mad Geändert von madmaxy (21.01.2014 um 11:03 Uhr) Grund: GELÖST |
Sponsored Links |
|
|||
Hallo
aus deiner Beschreibung wird dein Problem leider nicht ersichtlich und auch die Quellcodeschnipsel helfen nicht weiter. Kannst du mal ein Beispiel online stellen? Was verstehst du zum Beispiel unter Zitat:
Und wie verhält es sich mit dem linken DIV? Spielt dessen Größe keine Rolle? Gruss MrMurphy |
Sponsored Links |
|
|||
Hallo MrMurphy,
Ich poste mal den link zur Seite Autoteile - Autoreifen - Motorrad Wie du siehst ist in der linken div Box das Logo. Die Breite sollte 110 px sein. Das rechte div wird komplett durch das Bild ausgefüllt. Und diese Rechte div box soll komplett unten ausgerichtet werden, in Bezug auf die mittlere div box ( Text). Hoffe nun ist es verständlicher. Lg |
|
|||
Nach mehrmaligem Lesen ist mir nun klar geworden was du eigentlich meinst, die Tabelle über dem Menü, das ist kein Div sonder ein TD also ein Tabellenfeld.
Das du eine Tabelle genommen hast ist schon mal falsch. 2 Divs hätten es hier auch getan.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
http://www.kauf-auf-rechnung24.com/bilder/logo.png
im Quelltext hier zu finden: HTML-Code:
<a id="logo" href="http://www.kauf-auf-rechnung24.com"> <table> <tbody> <tr> <td style="padding: 0;" valign="top" width="400"> <img src="/bilder/logo.png" border="0" style="margin: 0px 0 0 65px;" /> <p style="margin: 0px 0 0 45px;font-size:13px;">Sicher auf Rechnung bestellen in über 550 Markenshops !</p> </td> <td valign="bottom"> <p><img src="/bilder/check.png" border="0" style="margin: 0px;" /> 100 % Sicher !</p> <p><img src="/bilder/check.png" border="0" style="margin: 0px;" /> Bekannte Shops</p> <p><img src="/bilder/check.png" border="0" style="margin: 0px;" /> Satte Rabatte</p> </td> </tr> </tbody> </table></a> Des weiteren kann man nur sagen das der Quelltext ziemlich mies ist und voller Fehler --> Result for http://www.kauf-auf-rechnung24.com/autoreifen.html Es ist besser erst mal die Fehler zu beseitigen bevor du weiter machst.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
||||
Ich denke, er meint die Tabelle wo die einzelnen Teileshops aufgelistet sind. Links das jeweilige Firmenlogo, in der Mitte den Text dazu und auf der rechten Seite das Bild mit dem jeweiligen Shoplink, z.B.:
HTML-Code:
<div class="catItemBody"> <!-- Plugins: BeforeDisplayContent --> <!-- K2 Plugins: K2BeforeDisplayContent --> <!-- Item introtext --> <div class="catItemIntroText"> <div class="logo-links"> <a href="/links/?r=777" target="_blank" rel="nofollow"> <img class="logobilder" src="/bilder/autoreifen_reifen.gif" border="0" alt="Reifen.com" title="Reifen und Autoreifen" width="100" height="50" style="border: 0pt none;" /> </a> </div> <div class="text-mitte"> <h4> <a href="/links/?r=777" target="_blank" rel="nofollow">reifen.com</a> </h4> Günstiger Reifenfachdiscounter mit einer großen Auswahl an Reifen, Felgen, Kompletträdern und Zubehör. Hier finden Sie alle relevanten Reifenmarken schnell und sicher durch eine übersichtliche Suchfunktion nach Größe und Pkw-Marke. Sie erhalten Ihre Bestellung bequem per Versand nach Hause oder Sie lassen eine Filiale oder einen Montagepartner beliefern. <p></p> </div> <div class="button-rechts"> <a href="/links/?r=777" target="_blank" rel="nofollow"> <img src="/bilder/shop.gif" border="0" alt="Online günstige Reifen kaufen" title="Reifen.com" style="border: 0pt none;" /> </a> </div> </div> <div class="clr"></div> <!-- Plugins: AfterDisplayContent --> <!-- K2 Plugins: K2AfterDisplayContent --> <div class="clr"></div> </div> Dann wäre evtl. auch dieser Beitrag aus der Knowledgebase lesenswert |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Div Box Höhe abhängig von anderer Div Box | salt&indigo | CSS | 8 | 29.09.2012 14:38 |
DIV Höhe 100% | Daniel86 | CSS | 12 | 29.07.2011 13:40 |
Für die absoluten CSS Freaks - Flexible, schattierte Div Box (mehrere Hintergründe) | Andi22 | CSS | 1 | 21.05.2009 15:44 |
große objekte in div boxen (IE) | mopmop | CSS | 3 | 04.04.2007 18:37 |
Problem mit der Wrapper Div Box | Muldenbroger | CSS | 2 | 07.10.2006 14:41 |