[HTML/CSS] Menü/Content automatisch verlängern ** erledigt ***

strolch00

redraft.de
ID: 155297
L
21 April 2006
1.684
72
Hi @ all,

So mein Problem besteht mal in einer eigentlich supersimplen Designumsetzung.

hier ist die Umsetzung

Wie Ihr sehen könnt verlängert sich das menü nicht automatisch bis zu footer, wenn der Contentbereich kleiner ist.
Andersherum hab ich das selbe Problem: wenn das Menü länger ist, ist der Contentbereich so klein wie der Text Platz braucht.

Ich habe schon alles versucht was mir und einem Bekannten eingefallen ist, aber nichts bringt den gewünschten Effekt. :wall:

Das HTML und die CSS sind valied.

Vielen Danke schonmal für die Hilfe
 
Zuletzt bearbeitet:
Ohne Tabellen zu verwenden fällt mir nur eine Variante mit Javascript, verknüpft mit dem onload Event ein.

Prüfen welcher ob der linke oder rechte Bereich höher ist und je nachdem die Höhe für den kleineren übernehmen.
Hier mal für die Variante Links ist höher als Rechts
Code:
function resize()
{
    var h = document.getElementById('links').offsetHeight;
    document.getElementById('rechts').style.height = h+"px";
}
 
JS kann man aber deaktivieren und ich weis 100%ig das es auch ohne geht nur mit hilfe von HTML und CSS

aber danke für den Tipp ich werd es als letzte Maßnahme ich Kopf behalten
 
CSS kann man auch deaktivieren:mrgreen:

Zum Thema JS deaktiviert: mal ehrlich der geringe Prozentsatz von Usern bei denen das der Fall ist wäre mir völlig egal.. die müssen halt damit leben das nicht alles so aussieht wie bei normalen Usern.

naja ne CSS Variante würde mich auch interessieren aber nen height: 100% wird ja ignoriert und ne andere Möglichkeit seh ich nicht.
 
geht ganz einfach... vom prinzip her:

PHP:
#page {
  padding: 0;
  margin: 0 auto;
  background: url(images/menu_bg.jpg) repeat-y;
  background-color: #ddd; /*oder so*/
}
 
geht ganz einfach... vom prinzip her:

PHP:
#page {
  padding: 0;
  margin: 0 auto;
  background: url(images/menu_bg.jpg) repeat-y;
  background-color: #ddd; /*oder so*/
}

danke genau das ist es was ich gesucht habe wusste gar net das das so geht ;)

jetzt hab ich nur noch ein problem der IE kann es der FF nicht *wow mal was ganz anderes *
 
doch kann auch der firefox... wenn du mal border: 1px solid black; setzt siehst du wo das problem ist. mach mal noch clear: both; rein.
 
so also das border ist drin man sieht es am oberen menü
und das clear: both; ist im footer

in #main bringt es nix

irgendwie schnall ich css noch net so ganz