• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

div läuft aus

Myribo

Myribo

New member
tag miteinander ;)

ich hab n problem:
ich soll eine seite erstellen. dafür hab ich erstmal folgendes gecodet:

HTML: 
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Titel</title>
</head>

<body>
<div id="inhalt">

<div id="oben">
Logo
</div>

<div id="links">
Navi
</div>

<h1>Überschrift</h1>
normaler text<br>
<input type="text">

</div>
</body>
</html>

und die style.css:
Code: 
body	{text-align:center;background-color:#ececec}

#inhalt
{
border-width:1px;
border-style:solid;
border-color:#1D5B90;
margin:0px auto;
width:760px;
text-align:center;
background-color:#ffffff;
font-family:Verdana;
font-size:13px;
height:500px;
}

#oben
{
height:65px;
padding-top:8px;
padding-bottom:0px;
background-color:#ffffff;
border-bottom:1px;
border-style:dashed;
border-color:#1D5B90;
border-width:0px;
border-bottom-width:1px;
}

#links
{
padding:15px;
background-color:transparent;
width:128px;
height:100%;
float:left;
border-style:dashed;
border-color:#1D5B90;
border-width:0px;
border-right-width:1px;
}


input,textarea,option
{
background-color:#d5dcef;
border-bottom:1px;
border-style:dashed;
border-color:#1D5B90;
border-width:1px;
margin:15px;
}

h1
{
font-size:15px;
font-weight:bold;
color:#1D5B90;
margin:15px;
}

mein problem: im ie siehts so aus wies aussehen soll, aber im fifo läuft der linke container bei height:100 % unten raus. was muss ich ändern?



Im IE:


und im Firefox:


schonmal besten dank!
gruß
christoph :)
 
Myribo schrieb:
mein problem: im ie siehts so aus wies aussehen soll, aber im fifo läuft der linke container bei height:100 % unten raus.
Zum Vergrößern anklicken....
Das es im IE so aussieht wie es aussehen soll,
bedeutet nicht gleich, das dass korrekt wäre.
FF setzt das meiner Meinung nach richtig um,
denn er addiert zu den 100% die Höhe von #oben dazu,
deswegen sieht das so aus...
 
Also ich bin ja kein Profi auf dem Gebiet-denke aber du solltest das dann entweder mal versuchen das links mal von 100 auf 95 oder ähnliches runterzusetzen und den Banner halt auch durch ne prozentuale Höhenangabe festzulegen, oder du baust ne Browserweiche ins Stylesheet ein-wie das geht ist ganz gut auf selfhtml.org nachzulesen-dann bauste dir ne extraversion fürn IE und eine für alle anderen die das dann bestimmt genauso anzeigen wie der FIFO.
Lg Daniel
 
Trojax schrieb:
du solltest das dann mal versuchen das links mal von 100 auf 95 oder ähnliches runterzusetzen und den Banner halt auch durch ne prozentualel
Zum Vergrößern anklicken....

geht leider nicht, weil der div oden ne feste höhe haben muss , aber

Trojax schrieb:
oder du baust ne Browserweiche ins Stylesheet ein-wie das geht ist ganz gut auf selfhtml.org nachzulesen-dann bauste dir ne extraversion fürn IE und eine für alle anderen die das dann bestimmt genauso anzeigen wie der FIFO.
Zum Vergrößern anklicken....

ist auch schlecht, weil wenn das linke div kleiner ist, werden die rechten inhalte ab dem ende des linken ab dem ganz linken rand ausgerichtet.
 
hi pit! schonmal besten dank, nur leider hat er dann n problem mit längeren inhalten.

z.b.:



gruß
christoph
 
Ich verstehe jetzt auch nicht wirklich ganz,
warum Du bei #inhalt height:500px; machst,
aber dann bei #links eine Höhe von 100% haben willst.
Das kannst Du dann doch auch gleich mit px machen,
denn spätestens wenn der Inhalt zunimmt,
bekommst Du die selben Probleme mit dem 'auslaufen'.

...oder Du machst bei #inhalt ein overflow:hidden rein,
aber das wird nicht ganz das sein, was Du willst. ;)
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben