zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden css-layout: container verspringt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.07.2004, 11:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2004
Beiträge: 9
Stellaris befindet sich auf einem aufstrebenden Ast
Standard 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>&raquo; thorstenpeh.de &raquo; 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 - &uuml;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 &raquo; ...mehr</div>


<div class="gallery_image">
[img]grfx/placeholder_gallery.png[/img]
</div>


<div class="image_caption">Irgendwas anderes &raquo; ...mehr</div>


<div style="text-align:center;border:dashed 1px #f00;"> 
 Anfang - start - &raquo;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;
}
ich hoffe, das problem an sich konnte ich gut rüberbringen. ich freue mich über reaktionen von euch, danke.

gruß,

- Stellaris / Thorsten
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.07.2004, 12:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

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>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.07.2004, 12:58
raf raf ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.03.2004
Beiträge: 260
raf befindet sich auf einem aufstrebenden Ast
Standard

@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
Mit Zitat antworten
  #4 (permalink)  
Alt 26.07.2004, 13:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.01.2004
Beiträge: 9
Stellaris befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
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
wer sagt, dass du *irgendwas* zusammenbauen sollst? appell-ohren zu, bitte.

@Starleos: der gesamte quell-code ist im original-posting jetzt eingebaut, ich hab' den finalen output als xhtml reinkopiert, danke für deinen hinweis
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:35 Uhr.