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

Breite eines Elements mit Css festlegen.

Die Site auf dem Screeshot ist auf nem Webspace.
Ich hab sie mit dem IE geöffnet, und dann nen Screenshot gemacht.
Efchen hat bereits gesagt, dass es an dem Quirks Mode liegt.
Und ich wollte dann nur wissen, ob bzw. wie ich das vermeiden kann.
Und ob das Problem am IE oder an meinem COde liegt...


Edit:

Aber müsste <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nicht korrekt sein?
 
Schreib mal das in die allererste Quelltextzeile:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
 
Ach scheisse man :D
Es geht einfach nicht...
Wenn ich das:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Reinschreibe, kommt wieder was komplett anderes raus.
Dieser dummer IE...
 
So dumm ist der IE jetzt auch wieder nicht.
Deshalb: Poste einen Link zu deiner Prblemseite. Vielleicht sind ja noch andere Fehler drin.
 
baessi schrieb:
Wenn ich das: Reinschreibe, kommt wieder was komplett anderes raus.
Zum Vergrößern anklicken....
Naja, jetzt wird es endlich mal richtig dargestellt. Da musst Du nicht fluchen, aber wenn man was falsch erstellt, kommt auch Mist bei raus :-)
Das sind so klassische Fehler, die man nur am Anfang und nur einmal macht. Danach geht man sowas richtig an und arbeitet gleich im Standards Mode.
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Test</title>
</head>
<body style="margin: 0; padding: 0;">
<div>
<div id="left" style="background-color: blue; float:left; width: 960px; height: 10px;">
</div>
<div id="right" style="background-color: red; height: 10px;">
</div>
</div>
</body>
</html>



Das ist jetzt der komplette Code. Ich möchte, dass die blaue Box (auf der linken Seite) genau 960 Pixel breit ist. Daneben soll die rote Box die Verbleibende Fläche des "(Browser-)Fensters" ausfüllen.
Im Firefox funktioniert es blendend (was nichts heißen soll, Firefox hat mir schon des öfteren den ein oder anderen Fehler verziehen).
Beim Internetexplorer schließt die rote Box nicht direkt an die blaue an, wie es der Screenshot, den ich in einem vorherigen Post gepostet hab, zeigt.

Und gleich noch eine weitere Frage hinten dran:
Wenn die 2 Boxen nun so dargestellt werden wie von mir gewollt, und ich das Browserfenster verkleiner, dann ist das Fenster irgendwann so klein, dass die rote Box nichtmehr daneben passt und somit logischer Weise in die nächste Zeile rutscht.
Wie kann ich das umgehn? Also dass die rote Box bleibt wo sie ist (nicht in die nächste Zeile rutscht) und statt dessen bei Verkleinerung des Fensters einfach unten eine Scrollleiste erscheint, oder die rote Box einfach ausgeblendet wird?
 
baessi schrieb:
Ich möchte, dass die blaue Box (auf der linken Seite) genau 960 Pixel breit ist.
Zum Vergrößern anklicken....
Ist sie.

Daneben soll die rote Box die Verbleibende Fläche des "(Browser-)Fensters" ausfüllen.
Zum Vergrößern anklicken....
Naja, für Dein Auge tut sie es. Tatsächlich nimmt sie aber 100% Breite ein, aber das machen Block-Elemente immer so und das ist in Ordnung so. Die linken 960px liegen "unter" der anderen Box.

Beim Internetexplorer schließt die rote Box nicht direkt an die blaue an, wie es der Screenshot, den ich in einem vorherigen Post gepostet hab, zeigt.
Zum Vergrößern anklicken....
Weil Du den Internet Explorer in den Quirks Mode schaltest und er da ein falsches Box Model verwendet.
Schalte den IE in den Standards Mode.

Wenn die 2 Boxen nun so dargestellt werden wie von mir gewollt, und ich das Browserfenster verkleiner, dann ist das Fenster irgendwann so klein, dass die rote Box nichtmehr daneben passt und somit logischer Weise in die nächste Zeile rutscht.
Wie kann ich das umgehn?
Zum Vergrößern anklicken....
Warum wolltest Du das? Soll man die Inhalte nicht mehr lesen können?

Also dass die rote Box bleibt wo sie ist (nicht in die nächste Zeile rutscht) und statt dessen bei Verkleinerung des Fensters einfach unten eine Scrollleiste erscheint, oder die rote Box einfach ausgeblendet wird?
Zum Vergrößern anklicken....
Schließe beide in einem Container ein, dem Du eine (Mindest)größe gibst.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben