Beiträge von Netvizion

Danke Grevas.. genau sowas hab ich gesucht!

Werd das gleich mal testen...

p.s.: ja width ist besser im *.css oder unschöner aber möglich als style=...

Kann mir denn jemand sagen...

1. Wie ich das Menü unten zentriert bekomme?

2. Wie die einzelnen Menüpunkte trotz unterschiedlicher Wortlänge den gleichen Abstand zueinander haben?

Alles klar, weiß warum der width als Fehler hatte...

War doppelt im HTML und homepage.css ....

Congratulations, no errors!

danke für die Aufmerksamkeit..

wenn du dir aber im I.E oder Firefox den Quelltext anguckst... ich habs mit "
keine Ahnung... habs vor 3min geändert und hochgeladen..

und das hilft mir aber nicht bei dem Menü-Prob...

aber lustig die Seite.. Quelltext ist: <div class="inhalt" width="100%">

Line 37, Column 27: Attribute "WIDTH" is not a valid attribute. Did you mean "width"? <div class="inhalt" width="100%">

Keine Ahnung was das soll ...

Hier das gleiche ...

Meine Testseite im Quelltext... -->"100%" ist definitiv da!

joa.. ist " " aber bei der einen testseite wurd beim validieren irgendwas zerschossen.. naja ich nehm diese

Jedoch versteh ich das nicht wie man das Menü zentriert und überall die gleichen Abstände hat...

Steig da grad gar nich mehr durch^^...

Nun ist die CSS validiert, jedoch steht die homepage auf dem Kopf

HIER

würd mal sagen, da sieht dass besser aus... DAS
ist auch valide.. nur das Menü unten... eben nicht zentriert

Bin bis jetzt soweit, bekomme das untere Menü aber von den Abständen her nicht zentriert...

oder liegt das hier dran:
html, body {margin: 0; padding: 0; width:100%; height:100%; } ?

Das obere Menü ist gut so... Hab nochmal paar Sachen geändert. Das Menü unten hat leider keine gleichen Abstände... bekomm das da nich hin...

Hier zum Anschauen TEST

Mfg

DA...

das ist der krams bis jetzt....

nur ein Seiten-Springer Problem hab ich nicht... bis jetzt xD

*ahhh ok... moment xD

Hab grad margin-left:25px getestet.. sieht schon besser aus
Aber dadurch ist es nicht zentriert und ab 30px spring die li. in die zweite Zeile, was nicht so schön ist...
Könnt man das mit position:fixed machen? (festpinnen?^^)

Denk mal wenn jemand eine kleinere Auflösung hat, springt das wohl automatisch um...

... ok

unten im Anhang.. der aktuelle Stand

interessant

hab nun noch folgendes:

Bin grad beim menübau..
Wie bekomme ich das hin, dass zwischen <li> immer der gleiche Abstand ist, egal wie groß die Wörter sind?
Und das <ul>... </ul> mittig auf der Seite liegt?

Menü sollte eigentlich so aussehen:
....test....testt....testtest....test....testte.... [ ....=free space

Leider sieht das bei mir so aus, dass sich einige Menüpunkte überlappen und ich das nicht mittig bekomme.

margin:0 auto ... margin-left:auto; margin-right:auto... klappt irgendwie nicht

....bla


<div class="navunten" width="100%" > 
<ul id="menue">
<li><a href="#">12312332312132123</a>
<li><a href="#">1232312</a>
<li><a href="#">1233132</a>
<li><a href="#">21331231232133123</a>
<li><a href="#">12312332133</a>
<li><a href="#">12212121221</a>
<li><a href="#">312232132</a>
</ul>
</div>




Css:


#menue {margin: 0 0 0 0; padding: 7px 0 0 0; }


#menue li {float: left; width:12%; margin-left:auto; margin-right:auto;}




.navunten {margin:0 auto; height:12%; width:100%; background-image: url(navunten.gif); background-repeat: no-repeat; background-color: rgb(204,204,204)}

das is ja gut^^

Versteh nur nicht wie ich mein Logo ins <div> als background-image einbinde, so dass dies nicht abgeschnitten wird, sondern voll angezeigt wird...

So hab zwischen den almählig kommenden kopfschmerzen nochmal ein Zeitfenster der Klarheit gefunden

Wird wohl das einfachste sein, wenn ich das Menü oben in den Inhalt per <ul> nehme und das Logo per <img> einfüge, dann wird es wenigstens nicht abgeschnitten oder verzogen...
Muss ich wohl in Kauf nehmen das ich das Menü nicht oben auf den gelben Streifen bekomme.
(das hatte ich nur in Flash hinbekommen; das Problem dabei ist, das dies von Google nicht ausgelesen wird (=keine Linkverfolgung).

Unten ist es easy, da sollte auch ein zweites Menü auf den gelben Streifen, das kann ich ja mit <ul> und gelben hintergrund machen, dann bg-color vom div = grau...

Hab schon zu viel rumgebastelt, dass ich auch nicht mehr weiß was ich noch testen sollte..

Nochmal eine andere Frage: Sollte man wirklich keine <tables> mehr nehmen? Weil die <ul> Liste verändert sich ja nicht proportional, bleibt auch wenn das Logo kleiner wird an einer festen Stelle... oder kann man für <ul> %-Werte nehmen?

...*verzweifel*

So ich hab das mal geändert.. aber mit dynamisch geht da gar nichts. Weiß nicht warum das Bild abgeschnitten wird oder der Scrollbalken da ist.

margin 30px schiebt das bg-image automatisch mit..
bild wird abgeschnitten
scrollbalken kommt

Ich poste das hier mal als *.zip und zum anschauen...

Zitat

<img> tag löschen, Tabelle in dein ersten Div rein, in CSS dann ein background: url(); einstellen für dein Div.

Hab ich probiert.. Jetzt ist das Problem, dass mein background-image unten abgeschnitten wird, was beim <img> nicht der fall war..

p.s.: was sollte ich denn für einen doctype nehmen?

Das Problem ist auch, ich möchte das das Menü sich dynamisch mit der Grafik verändert und an einer bestimmten Stelle sitzt und dort bleibt.

So sollte das aussehen...

[Blockierte Grafik: http://gradeko-werbung.de/hp2divs.gif]

Hallo,

hab folgendes Problem:

Ich habe eine Seite mit 3 Divs, die in einem Haupt-Div liegen. Nun wollte ich über den oberen ein weiteres legen, dass genauso groß ist mit einer Tabelle, indem später das Menü auftauchen soll.
Also in dem einen Div mein Hintergrundbild, darüber Tabelle mit Menü. Habs mit z-index versucht.. komm da irgendwie nich weiter
Das Div wird immer wieder runtergeschoben.. Hab mir auch schon Beiträge angeguckt.. verstehs da nicht wo der Fehler ist..

Hier mein Code:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">


<html>
<head>
<title>...</title>


</head>




<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">




<div class="all">




<div class="navoben" width="100%">


<img src="nav.gif" width="100%" alt="">


</div>




<div class="navobentop" width="100%">


<table border="1" width="100%" height="100%">
<td>&nbsp;</td>
</table>


</div>




<div class="navunten" width="100%" > 


<img src="navunten.gif" width="100%" alt="">


</div>




</div>




</body>
</html>




--- CSS Code: ---


html, body {margin: 0; padding: 0; width:100%; height:100%; }




.all {width:100%; height:100%}




.navoben {height:24%; width:100%; position:absolute left top; z-index:1}




.navobentop {height:24%; width:100%; position:absolute left top; background-color: transparent; z-index:2}  




.inhalt {background: green; height:64%; width:100%; overflow:auto;}




.navunten {background-color: rgb(204,204,204); height:12%; width:100%;}

Bin dankbar über jeden Tipp...

Erstmal schönen Tag

-Netvizion-

Vielen, vielen Dank für die schnelle Antwort!!!

Habs dazu auch noch geschnallt

Aus meinem CSS/XHTML Buch ging das nicht hervor..

MFG
Netvizion

Hallo allerseits,

ich stehe vor einem nervtötenden Problem...

Ich möchte eine Seite aus 5 untereinanderfolgenden <divs> bauen, jedoch klappt es mit der Höhe in "%" nicht... Suche schon seit 3 Stunden google durch, auch faux columns hat mir irgendwie nich weitergeholfen... min-height ist auch keine lösung.. weiß einfach nicht weiter.
Außerdem soll .inhalt (div) einen Bereich zum scrollen haben.

Hier mein HTML:

Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">

<html>
<head>
<title>....</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<link rel="icon" href="favicongw.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicongw.ico" type="image/x-icon"> <!-- Fuer IE -->
<link rel="stylesheet" type="text/css" href="homepage.css">

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div class="all">

<div class="navoben">
test
</div>

<div class="logol">
test
</div>

<div class="logor">
test
</div>

<div class="inhalt">
test
</div>

<div class="navunten">
test
</div>

</div>

</body>
</html>

-----------------------------------------------
CSS: homepage.css

.all {width:100%; height:100%}

.navoben {height:10%; width:100%;}

.logol {height:14%; width:50%; float:left}

.logor {height:14%; width:50%; float:right}

.inhalt {height:66%; width:100%;}

.navunten {height:10%; width:100%;}

---------------------------------------------------

Das was stört ist, dass die divs zwar 100% Breite haben, aber nur so hoch wie der "content test" sind...

Hier mal meine Vorstellung der Seite:

[Blockierte Grafik: http://www.gradeko-werbung.de/divs.gif]

Hoffe hier wird mir geholfen

Mfg
Netvizion