Bitte mal Grundgerüst analysieren

[julchen]

Hallo,
Ich habe ich eine Frage bezüglich der Verwendung bzw. Positionierung meiner divs. Könnte mal jemand über den Quelltext schauen und mir kurz sagen, ob die Verwendung der divs sinnvoll ist, so wie ich Sie verschachtelt habe. Ich bin noch nicht sicher, ob ich diese nicht besser eventuell mit absoluter positionierung ausrichten soll. Das bedeutet nicht erst die ganzen Bereiche wie Top, Navi, Content als Div auslegen, sondern den eigentlichen Inhalt direkt fix positioniere. Also z. B. die reine Navigation also das Menü in einen div packe und diesem dann feste Werte (Abstand von Top und links) geben soll. Momentan erstelle ich jeweils wieder einen eigenen div in einem div. Mein Design soll eine Breite von 760 und eine Höhe von 560 Pixeln haben.
Ich weiss, dass ein flexibles Layout besser ist. Jedoch besteht das Problem darin, dass an reinem Inhalt in der Seite, später nicht viel Text erscheinen wird, so dass dieser bei Anpassung an die jeweilige Bildschirmgröße verloren aussieht.

Ausserdem hab ich noch das Problem, dass in manchen Browsern der Inhalt nicht passt, so dass Scrollbalken entstehen.

Hier der Link: http://www.artbase-software.de/index_test.html

Gruss
Julchen

 

[hpvw]

Ich sehe nur "Unsauberkeiten" bzw. unnötiges bei den Bildern.
Bei dem Logo muss ggf. nicht zwingend ein div drum herum, Du könntest das Bild auch direkt positionieren.
Das navi_keypicture scheint mir recht nutzlos. Verstehe ich da was nicht?
Das top_right_pic sollte ein treffendes alt-Attribut (home) erhalten.
Ansonsten ist das ein sehr aufgeräumter Quelltext und das ist positiv.

Gruß hpvw

 

[julchen]

Hallo,
dass ich noch die CSS auslagern muss und das ganze von den Abständen nicht passt, Hyperlinks nicht eingefügt sind, Alt Attribute fehlen etc. weiss ich.
Es geht wirklich, wirklich nur um das Grundgerüst und den Aufbau, die ich mir Arbeit mit den oben genannten Sachen ersparen möchte, falls ich das ganze umstricken muss.
Das mit dem navi_keypicture ist so, dass noch ein Bild eingefügt wird, welches mir noch fehlt.

Gruss
Julchen

 

[hpvw]

Dass Scrollbalken beim IE nicht entstehen liegt vermutlich an der falschen Interpretation des box model durch den IE.
Abhilfe schaffen kryptische Browserhacks oder die Vermeidung von gleichzeitiger Angabe einer Höhe/Breite und padding/margin/border für ein Element.

Gruß hpvw

 

[julchen]

Hallo,
und wie kann ich das in meinem Beispiel realisieren. Sorry mein Englisch ist nicht sehr gut, deswegen kann ich mit deinem Link auch nicht sehr viel anfangen.

Trotzdem danke

 

[Gumbo]

Ich hätte das Ganze etwa so ausgezeichnet, das reicht vollkommen:

<div id="container">
	<div id="branding">
		<img id="branding-logo" src="http://www.artbase-software.de/logo_klimach_web.gif" alt="Klimach Consulting">
	</div>
	<ul id="nav-main">
		<li><a href="#">Home</a></li>
		<li><a href="#">Die Firma</a></li>
		<li><a href="#">Schulung</a></li>
		<li><a href="#">Individualentwicklung</a></li>
		<li><a href="#">Beratung</a></li>
		<li><a href="#">Referenzen</a></li>
		<li><a href="#">Kontakt</a></li>
	</ul>
	<ul id="nav-supp">
		<li><a href="#">Impressum</a></li>
		<li><a href="#">Kontakt</a></li>
	</ul>

	<div id="content">Content-Text</div>
	<div id="footer">footer</div>

</div>

 

[julchen]

Hallo,
kannst Du mir auch noch kurz das passende css dafür geben. Es fehlt noch das Bild neben dem Logo und das Hintergrundbild bei nav-supp.

Gruss und Danke
Julchen