|
|||
Float - Probleme
Hallo Zusammen
Eigentlich ist es recht einfach und simpel und ich kriegte es auch schon mal hin wie ich es wollte. Allerdings geht es nun nicht mehr. Ich hab einen gesamten Container namens Content. In diesem Content sollten dann drei Sachen angzeigt werden. Leftcolumn (menu Links) und Rightcolumn (Menu Rechts) mit einer Festen breite von 160px. Der gesamte Content sollte im Browser zentriert sein. Der "Container", also der Inhalt selbst sollte in der Mitte zwischen Left und Rightcolumn stehen. allerdings hab ich da so meine PRobleme. Im HTML Nehme ich erst links, rechts und dann die Mitte, so wie es sich gehört. Zb: Reihenfolge im HTML-Code:; Leftcolumn (Float left) rightcolumn (float right) content (nichts) Es geht, nur wird die Contentbreite immer darüberhinausgeschossen! Warum das? Ich möchte keine Feste breite zuweisen sonder nur, dass alles Zentriert wird und der Content sich jeweils anpasst, jenachdem wie viel Platz zwischen der linken und rechten spalte bleibt. Kann mir da jemand weiterhelfen?? es handelt sich um die Seite www.globesolutions.ch/class , um diese anzuzeigen sind folgende Logindaten nötig: Login: admin pass: intern2008 Vielen Dank! CSS-Code: PHP-Code:
Code:
<div id="content"> <div id="leftcolumn"> LINKS MENU </div> <div id="rightcolumn"> RECHTES MENU </div> <div id="container"> <div class="containertable"> <table cellspacing="0" id="header"> <tr> <td> <a href="index.php"><img src="layout_images/new/logoexistiertnochnicht.gif" alt="Babymärt Logo" title="Babymärt - Der Marktplatz" width="110px"/></a> </td> <td> <table cellspacing="0" id="topnav"> <tr> <td id="register"><a href="register.php">Registrieren</a></td> <td id="addad"><a href="choose_cat.php">Annonce aufgeben</a></td> <td id="login"><a href="member_login.php">Login</a></td> <td id="wap"><a href="latestwap.php">WAP</a></td> </tr> </table> </td> </tr> </table> <table cellspacing="0"> <tr id="nav"> <td><a href="index.php" title="Startseite"><img src="layout_images/new/home_icon.gif" alt="Startseite" style="margin-top:4px;"/><br />Startseite</a></td> <td><a href="picturebrowse.php" title="Bildbrowser"><img src="layout_images/new/pictures_icon.gif" alt="Bildbrowser" style="margin-top:4px;"/><br />Bildbrowser</a></td> <td><a href="latestads.php" title="Neue Annoncen"><img src="layout_images/new/latest_icon.gif" alt="Neue Annoncen" style="margin-top:4px;"/><br />Neue Annoncen</a></td> <td><a href="mostviewed.php" title="Top Annoncen"><img src="layout_images/new/top_ads_icon.gif" alt="Top Annoncen" style="margin-top:4px;"/><br />Top Annoncen</a></td> <td><a href="best_rated.php" title="Top Wertung"><img src="layout_images/new/top_rated_icon.gif" alt="Top Wertung" style="margin-top:4px;"/><br />Top Wertung</a></td> <td><a href="fav.php" title="Meine Favoriten"><img src="layout_images/new/favorites_icon.gif" alt="Meine Favoriten" style="margin-top:4px;"/><br />Meine Favoriten</a></td> <td><a href="search.php" title="Suchen"><img src="layout_images/new/search_icon.gif" alt="Suchen" style="margin-top:4px;"/><br />Suchen</a></td> </tr> <tr id="subnav"> <td colspan="7"> <p style="float:left;"><a href='index.php'><img src='layout_images/pointer.gif' border='0' hspace='2' alt='' /></a><a href='index.php'><u>Babymärt Marktplatz</u></a> </p> <p style="text-align:right;"> <a href="?setlang=eng"><img src="layout_images/flags/us.gif" alt="English" title="English" /></a> <a href="?setlang=eng"><img src="layout_images/flags/gb.gif" alt="English" title="English" /></a> <a href="?setlang=fre"><img src="layout_images/flags/fr.gif" alt="French" title="French" /></a> <a href="?setlang=ger"><img src="layout_images/flags/de.gif" alt="German" title="German" /></a><!--- <a href="?setlang=gre"><img src="layout_images/flags/gr.gif" alt="Greek" title="Greek" /></a> <a href="?setlang=ita"><img src="layout_images/flags/it.gif" alt="Italian" title="Italian" /></a> <a href="?setlang=por"><img src="layout_images/flags/pt.gif" alt="Portuguese" title="Portuguese" /></a> <a href="?setlang=rom"><img src="layout_images/flags/ro.gif" alt="Romanian" title="Romanian" /></a> <a href="?setlang=ned"><img src="layout_images/flags/nl.gif" alt="Dutch" title="Dutch" /></a> <a href="?setlang=spa"><img src="layout_images/flags/es.gif" alt="Spanish" title="Spanish" /></a> <a href="?setlang=dan"><img src="layout_images/flags/dk.gif" alt="Danish" title="Danish" /></a> <a href="?setlang=nor"><img src="layout_images/flags/no.gif" alt="Norwegian" title="Norwegian" /></a>--> </p> </td> </tr> </table> <br /> </div> <div class="containertable"> <table border="0" width="100%" cellspacing="0" cellpadding="10"> <tr> <td width="100%"> <!-- If we are on frontpage --> <h2>Willkommen bei Babymärt Marktplatz</h2> <p class="headline">Um eine Annonce aufzugeben bitte <a href="member_login.php"><b>Login</b></a> oder <a href="register.php"><b> registrieren</b></a> Sie sich kostenlos bei uns</p> <!-- PREMIUM PICTURE --> <table> <tr> <td> <table cellspacing="0" class="box"> <tr> <th colspan="2"> <div style="float:left;margin-top:4px;">Kategorien</div> </th> </tr> <tr> <td width="50%" class="category" valign="top"> <a href='index.php?catid=1'><strong> Testkategorie 1 (3)</strong></a><br /> <a href="index.php?catid=2" title="Unterkategorie ">Unterkategorie </a> <small class="littleGray">1</small> </td> <td colspan="1"></td> </tr> </table> </td> <td><!-- latest_frontpage_premium.tpl --> <!-- //latest_frontpage_premium.tpl --></td> </tr> </table> <!-- PREMIUM PICTURE --> <!-- SHOW LIST --> <!-- LATEST_FRONTPAGE.TPL --> <table cellspacing="0" class="box" style="clear:both;"> <tr> <th width="25%"><a href='?catid=0&order=cat_name&way=1' title='LA_SORT Kategorie'> Kategorie</a> </th> <th width="35%"><a href='?catid=0&order=ad_title&way=1' title='LA_SORT Titel'> Titel</a> </th> <th width="10%"><a href='?catid=0&order=ad_date_expire&way=1' title='LA_SORT gültig bis'> gültig bis</a> </th> <!-- <th>Vendor logo</th> --> <th width="20%"><a href='?catid=0&order=ad_totalscore&way=1' title='LA_SORT Grad'> Grad</a> </th> <th width="5%"><a href='?catid=0&order=picture&way=1'> Foto</a> </th> </tr> <tr class=""> <td class="category">Testkategorie 1</td> <td class="pointer"><a href="detail.php?id=3" title="Nochmals ein Test"> Nochmals ein Test</a></td> <td>2008.09.13</td> <!-- <td></td> --> <td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td> <td><img src='layout_images/new/noimg.gif' align="left" border='0' alt="Gugus... aber diesmal ohne Fettschrift... danke" /></td> </tr> <tr class="alt"> <td class="category">Unterkategorie </td> <td class="pointer"><a href="detail.php?id=2" title="Test Nummer 2"> <b>Test Nummer 2</b></a></td> <td>2008.09.13</td> <!-- <td></td> --> <td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td> <td><img src='layout_images/new/yes.gif' align="left" border='0' alt="Kredit abgezogen? " /></td> </tr> <tr class=""> <td class="category">Testkategorie 1</td> <td class="pointer"><a href="detail.php?id=1" title="Testtitel"> <b>Testtitel</b></a></td> <td>2008.09.13</td> <!-- <td></td> --> <td><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /><img src='layout_images/new/star_empty.gif' align='left' alt='' /></td> <td><img src='layout_images/new/yes.gif' align="left" border='0' alt="Testbeschreibung" /></td> </tr> <tr> <td colspan="6" align="center"> </td></tr></table> <!-- // LATEST_FRONTPAGE.TPL --> </td></tr></table> </div><div class="containertable"> <!-- Start Footer --> <form action="search.php" method="post"> <table cellspacing="0" class="box"> <tr> <th colspan="4">Suchen</th> </tr> <tr> <td><input name="searchword" size="25"/> </td> <td> <select name="catid_search"> <option value="0">Alle Kategorien</option><option value='1'>Testkategorie 1 (3)</option><option value='2'> Unterkategorie (1)</option></select> </td> <td><input value="Suchen" name="do_search" type="submit" class="button"/></td> <td width="100%"> </td> </tr> </table> </form> <table> <tr> <td align="center"> <!-- Stat bar --> Wir haben insgesamt 1 Benutzer und 3 Anzeigen und 8 Anzeigenbesucher </td> </tr> </table> <table id="footer"> <tr> <td align="center"> <a href="javascript:openWin3('info.php?what=terms',300,500,'LA_TERMS_ALT')">Nutzungsbedingungen</a> - <a href="javascript:openWin3('info.php?what=aboutus',300,500,'LA_ABOUT_ALT')">Über Uns</a> - <a href="javascript:openWin3('info.php?what=advertise',300,500,'LA_ADVERTISE_ALT')">Werben mit uns</a> - <a href="javascript:openWin3('info.php?what=help',300,500,'LA_HELP_ALT')">Hilfe</a> - <a href="rss.php" class='rss'>Annoncen RSS</a> <br /><br /> <!-- ## YOU MAY NOT REMOVE THE FOLLOWING 4 LINES WITHOUT COMMERCIAL PAID LICENSE ## --> <!-- ## YOU MAY NOT REMOVE THE ABOVE 4 LINES WITHOUTH COMMERCIAL PAID LICENSE ## --> </td> </tr> </table> </div> </div></div> |
Sponsored Links |
|
|||
Hey, wolf, wenn ich das richtig verstehe, willst du ein fluid layout mit zwei fixen boxen links und rechts. D.h. die Grösse der mittleren Box wird angepasst je nach browsergrösse...
das ist alles, vor allen Dingen browser-übergreifend nicht so einfach... Sitze selbst gerade an einer ähnlichen Lösung und kann dir folgenden Artikel von AListApart empfehlen: A List Apart: Articles: In Search of the Holy Grail |
|
|||
Zitat:
Siehe selbst... komisch komisch |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Float-Problem? | mischaef | CSS | 33 | 20.10.2010 17:20 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |
IE zeigt gewisse Texte nicht an | zitronenbaum | CSS | 2 | 16.01.2008 16:25 |
Testcase: float, overflow: hidden; und alte Geckos... | heiko_rs | CSS | 0 | 19.11.2007 22:26 |
AlphaImageLoader, float, margin, h1 > Probleme im IE... | o.dey | CSS | 2 | 14.08.2005 17:37 |