height: n; Variabel halten! Möglich in CSS

zy0n · 04.07.2006, 09:19

Hallo ich habe hier eine ID wo ich das Problem habe das sie den ganzen Browser in der länge ausfüllen soll. Derziet mache ich es mit height: 600; Ich will dieses Aber nicht fest angeben sondern es soll sich automatisch dem Browser anpassen.

Ist dieses bei CSS Möglich

PHP-Code:


			
#menueleft {

    background: #EFEFEF;

    width: 190px; 

    height: 600;

    text-align: left; 

    border-left: 1px solid black; 

    border-right: 1px solid black; 

    margin: 0 0 0 100px;

}

gruß
zyon

newcommer · 04.07.2006, 10:29

neben der Tatsache dass du bei den 600 noch was dabei schreiben solltest (was sind diese 600 ??? Bücher, CD's, Zwerge ;-)) kannst Du auch %-Angaben verwenden ... Wenn es über die ganze Seite gehen soll dann halt height:100%;

Hoffe das hilft Dir weiter ;-)

Nele · 04.07.2006, 10:32

So müßte es gehen, ist aber vom Gesamtcode abhängig.

Code:

html, body {height:100%}
#menueleft {min-height:100%} /*für alle außer ie*/
* html #menueleft {height:100%} /*für ie - er behandelt height wie min-height*/

Ansonsten mal nach Faux Columns suchen (im Tp oder Google).

zy0n · 04.07.2006, 10:45

Zitat:

Zitat von Nele

So müßte es gehen, ist aber vom Gesamtcode abhängig.

Code:

html, body {height:100%}
#menueleft {min-height:100%} /*für alle außer ie*/
* html #menueleft {height:100%} /*für ie - er behandelt height wie min-height*/

Ansonsten mal nach Faux Columns suchen (im Tp oder Google).

besten Dank. ich bin bei css so an px oder halt feste Einheiten gewohnt das ich % vergesse.

zy0n · 04.07.2006, 10:56

noch ne kurze Frage. Wie kann ich meiner ID "menueleft" sagen
das alle elemente/IDs (Den ich habe noch eine idee) in der position "center"
dargestellt werden.

So änlich wie mit text-align: center; blos das es kein text sein soll, sonderen Elemente.

Nele · 04.07.2006, 11:04

Für den IE text-align:center, für die anderen Browser den Kindelementen margin:0 auto; mitgeben und das text-align der Mutter rückgängig machen - das vererbt sich nämlich.

Bsp:

Code:

#mutter{width:200px; text-align:center}
#kind{width:100px; margin:0 auto; text-align:left}

Code:

<div id="mutter">div id="kind"></div></div>

#kind wäre jetzt also horizontal in #mutter zentriert.

zy0n · 04.07.2006, 11:46

ich glaibe ich mache eine css datei für FF und CO. und eine für den IE.

ist das so richtig?

Code:

<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
 <head>
  <meta name="author" content="mr ? />
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />
  <!--[if IE]>
	<style type="text/css">@import url(ie.css);</style>
<![endif]-->
<head />

wird sobald IE das file aufruft nur ie.css benutzt oder alles vonlayout.css und ie.css noch dazu.?

gruß

zyon

@Nele wie machst du die trennung?

webcreate · 04.07.2006, 12:13

Klick

marc22 · 04.07.2006, 16:18

Auch der IE versteht margin:0px auto

Nele · 04.07.2006, 16:48

Der 7er vielleicht, aber doch nicht die anderen.