Tweet
Hi,
ich möchte ganz gerne eine HP erstellen, die auf div-Elementen basiert. Jetzt habe ich das Problem, dass ich möchte, dass bei allen Browsern(!!) und bei den Auflösungen 1024 x 768 und höher die Hompage genau in der mitte des Browsers liegt. Nicht in der Mitte am oberen Rand, auch nicht am untereren Rand, sondern genau in der Mitte. Jetzt habe ich versucht um die div-Elemente eine Tabelle zu machen, um damit die HP zu zentrieren. Das hat aber nicht geklappt, da sich die divs über die Tabelle gelegt haben. Was kann ich dagegen tun?
Wie kriege ich die HP genau in die Mitte? Kann ich die div elemente Abhängig von der Tabelle machen? das man also sagen kann: Wenn die Tabelle 100% breit und somit meinetwegen 1000px breit ist, dass dann von beiden seiten 25% Abstand herrscht.
Geht das ihrgendwie? Oder kann man das nach möglichkeit einfacher gestalten?
Dazu nochmal den momentan CSS Teil zu dem Element:
#banner {
height:100px;
width:80%;
background-color:#CECECE;
position:absolute;
top:0px;
margin-left:auto;
margin-right:auto;
}
Freue mich auf Antwort.
Kibbe
ich möchte ganz gerne eine HP erstellen, die auf div-Elementen basiert. Jetzt habe ich das Problem, dass ich möchte, dass bei allen Browsern(!!) und bei den Auflösungen 1024 x 768 und höher die Hompage genau in der mitte des Browsers liegt. Nicht in der Mitte am oberen Rand, auch nicht am untereren Rand, sondern genau in der Mitte. Jetzt habe ich versucht um die div-Elemente eine Tabelle zu machen, um damit die HP zu zentrieren. Das hat aber nicht geklappt, da sich die divs über die Tabelle gelegt haben. Was kann ich dagegen tun?
Wie kriege ich die HP genau in die Mitte? Kann ich die div elemente Abhängig von der Tabelle machen? das man also sagen kann: Wenn die Tabelle 100% breit und somit meinetwegen 1000px breit ist, dass dann von beiden seiten 25% Abstand herrscht.
Geht das ihrgendwie? Oder kann man das nach möglichkeit einfacher gestalten?
Dazu nochmal den momentan CSS Teil zu dem Element:
#banner {
height:100px;
width:80%;
background-color:#CECECE;
position:absolute;
top:0px;
margin-left:auto;
margin-right:auto;
}
Freue mich auf Antwort.
Kibbe
Kommentar