• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fenster verkleinert, Text verschwindet links

E

Experimentator

Neues Mitglied
Hallo Leute,

bin gerade angefangen mit HTML und CSS herum zu experimentieren. Jetzt habe ich 3 DIV's erstellst, die links floaten. Drum herum befindet sich auch auch DIV mit einer festen Breite, damit beim verkleinern vom Browserfenster sich die DIV's nicht nach unten verschieben. Das äussere DIV ist zentriert.

Zentriert habe ich das ganze folgendermaßen:

#mainwrap{
position: absolute;
width: 960px ;
left: -480px;
margin-left: 50%;
}

Jetzt verschwindet der Text nach links aus dem Browser wenn ich das Fenster verkleinere.
Wie lässt sich dies verhindern?

Danke im vorraus!
 

Anhänge

  • verschwindet.JPG
    verschwindet.JPG
    9,4 KB · Aufrufe: 7
Werbung:
Leider geht das nicht. Das Ergebnis ist das selbe.

Habe im #mainwrap die min-width angegeben hat nicht geklappt.
Hab auch probiert die width dann zu entfernen, hat auch nicht geklappt.
Hab das ganze nochmal in einen #supermainwrap verpackt und dann da die min-widt ausprobiert,
hat auch nicht geklappt.

Text verscheindet immernoch nach links beim verkleinern.

EDIT: Also Quasi so:


#supermainwrap{
/*min-width: 960px;*/
width: 960px;
}
#mainwrap{
position: absolute;
min-width: 960px;
/*width: 960px ;*/
left: -480px;
margin-left: 50%;
}
#wrapper1{
background-color: #d1d1d1;
width: 300px;
height: 1800px;
float: left;

...warpper2
....wrapper3

Und das auskommentierte auch mal anders herum probiert.
 
Zuletzt bearbeitet:
Werbung:
Experimentator schrieb:
Leider geht das nicht. Das Ergebnis ist das selbe.

Habe im #mainwrap die min-width angegeben hat nicht geklappt.
Hab auch probiert die width dann zu entfernen, hat auch nicht geklappt.
Hab das ganze nochmal in einen #supermainwrap verpackt und dann da die min-widt ausprobiert,
hat auch nicht geklappt.

Text verscheindet immernoch nach links beim verkleinern.

EDIT: Also Quasi so:


#supermainwrap{
/*min-width: 960px;*/
width: 960px;
}
#mainwrap{
position: absolute;
min-width: 960px;
/*width: 960px ;*/
left: -480px;
margin-left: 50%;
}
#wrapper1{
background-color: #d1d1d1;
width: 300px;
height: 1800px;
float: left;

...warpper2
....wrapper3

Und das auskommentierte auch mal anders herum probiert.
Zum Vergrößern anklicken....

Dann gib dem supermainwrap noch ein position:relative.
 
Ich verstehe es zwar nicht :D
......aber es funzt. Dankesehr!

Zusammenfassend:

#supermainwrap{
position: relative;
min-width: 960px;
}
#mainwrap{
position: absolute;
width: 960px ;
left: -480px;
margin-left: 50%;
}
 
Zuletzt bearbeitet:
Das liegt an deiner eigentümlichen Zentrierung deiner Seite.
Code: 
#mainwrap{
position: absolute;
width: 960px ;
left: -480px;
margin-left: 50%;
}
Seiten werden so zentriert
Code: 
#mainwrap{
width: 960px ;
margin:0 auto;
 overflow:hidden;
}
}
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben