|
|||
css-layout: container verspringt
hallo,
ich hab' ein problem mit meinem css-layout, wobei ich eure hilfe brauche. im folgenden poste ich screenshots und den relevanten, kommentierten code. ich sitze jetzt schon länger daran (ist mein erstes css-layout), finde aber den fehler nicht, der sowohl in Firefox 0.9.2 als auch in IE6, beide unter Win2k, auftritt. kann gut sein, dass die lösung sehr einfach ist, aber die betriebsblindheit mir einen strich durch die rechnung macht, hehe. zusammenfassung: bei veränderung der kleinen navigation einer bilder-galerie (es werden einfach nur 2 weitere links angefügt) verspringt der rechte inhalte-container nach unten. verkleinerung der breite des inhalte-containers bringt soweit nichts. hier erstmal screenshots zum guxt-du-hier: [so soll's aussehen und tut es auf allen seiten außer der problem-seite auch, den verrückten inhalte-text mal nicht beachten.] [so soll's NICHT aussehen und tut es auf allen seiten außer der problem-seite auch nicht] Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>» thorstenpeh.de » Startseite</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css/thpde.css" /> </head> <body> <div id="mainbox"> [img]grfx/thp_logo.png[/img] <div id="navibar"> <div id="navilinks">startseite - über mich - bewerbung - arbeitsproben - downloads - kontakt - sitemap </div> </div> <div id="imagegallery"> <div id="imagebox"> <div class="gallery_image"> [img]grfx/thorsten.png[/img] </div> <div class="image_caption">Thorsten Panknin » ...mehr</div> <div class="gallery_image"> [img]grfx/placeholder_gallery.png[/img] </div> <div class="image_caption">Irgendwas anderes » ...mehr</div> <div style="text-align:center;border:dashed 1px #f00;"> Anfang - start - »p2 </div> </div> <div id="contentbox"> <h2>Hallo und Willkommen!</h2> Ich freu’ mich, dass Sie den Weg auf meine Bewerbungswebsite gefunden haben. Ob durch eine Empfehlung, ein Job-Portal oder ganz einfach per Zufall - jetzt wo Sie hier sind, kann’s ja los gehen! </div> </div> </body> </html> Code:
/* CSS Document */ body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background-color:#eaeaea; } a:link {color:#000; text-decoration:underline;} a:visited {color:#666;} a:hover {text-decoration:none;} a:active {text-decoration:none;} a#current {text-decoration:none;color:#fff;} div#mainbox { position:absolute; top:0px; left:-380px; width:760px; height:420px; margin-left:50%; margin-right:50%; border-left:2px solid #027ABB; border-right:2px solid #027ABB; border-bottom:2px solid #027ABB; } img#logo { position:relative; top:2px; left:8px; z-index:100; } div#navibar { position:relative; top:-78px; left:px; width:760px; height:25px; margin-top:25px; margin-left:auto; margin-right:auto; background-color:#FF9900; border-top:solid 2px #027ABB; border-bottom:solid 2px #027ABB; } div#navilinks { margin-left:250px; margin-top:5px; margin-bottom:auto; } div#imagegallery { position:relative; top:-50px; left:10px; float:left; width:210px; height:320px; background-color:#fafafa; border:solid 2px #027ABB; } div#imagebox { width:186px; position:relative; top:10px; left:11px; } div.gallery_image { width:185px; height:115px; /* border:solid 1px #bababa; */ margin-bottom:5px; } div.image_caption { text-align:center; font-size:9px; margin-top:-5px; margin-bottom:15px; } h2 {margin-top:-3px;} div#contentbox { position:relative; top:-65px; left:230px; width:495px; height:300px; margin-top:15px; background-color:#fafafa; border:solid 2px #027ABB; padding:10px; } gruß, - Stellaris / Thorsten |
Sponsored Links |
|
|||
Ehrlich gesagt - ich habe keine Lust Dein Problem zusammen zubauen, um Dir evtl. zu helfen.
schau doch mal hier http://www.xhtmlforum.de/viewtopic.php?t=1399
__________________
</ulle> |
Sponsored Links |
|
|||
@ulle
ich denke das es kein netter Empfang eines neuen Mitglieds deinerseits ist, man könnte auch anders auf diesem Verhaltencodex hinweisen oder? @Stellaris Bitte poste den gesammten Quelltext.
__________________
Ein Gedanke... unendliche Verbindungen |
|
|||
Zitat:
@Starleos: der gesamte quell-code ist im original-posting jetzt eingebaut, ich hab' den finalen output als xhtml reinkopiert, danke für deinen hinweis |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Tool in CSS Layout einbauen | chris_54 | CSS | 10 | 07.11.2013 22:23 |
CSS Layout Komplex | yanu | CSS | 0 | 01.04.2009 21:27 |
CSS Layout für Fortgeschrittene | StefanE | CSS | 2 | 15.01.2009 08:39 |
verständnis html oder css DIV CONTAINER | creative100 | CSS | 1 | 20.08.2008 01:31 |
CSS Tips & Tricks | Webnauts | Ressourcen | 0 | 26.08.2006 00:04 |