2 verschachtelte Divlayer und der Firefox.

Tutti · 26.07.2004, 21:17

Hi,

z.Zt. ist es ja ziemlich in das Layout seiner Seiten in CSS zu formatieren.
Dem will ich mich anschließen.
Soweit klappte dank google und den verschiedensten Seiten, die sich mit dem Thema befassen, alles.

Eins will im Firefox aber absolut nicht hinhauen.
Ich habe 2 verschachtelte Divlayer, main und content
main überdeckt quasi fast die ganze seite und in content kommt der Inhalt meiner Seiten. Habe ich jetzt viel Inhalt sodass die Bildhöhe gescrollt werden muss erweitert sich der layer content auch nur nimmt der den main nicht mit. Main ist so groß wie sonst auch (in der Höhe).
In Opera und IE klappt es allerdings.
Hat der FF da seine Schwächen?

Abschnitt HTML-Dokument

Code:

<div class="main">
 <div class="content" align="left">
  .
  .
  .
  Jede Menge Text
  . 
  .
  .
 </div>
<div>

Stylecheet

Code:

/* mainbox */
.main {
background-color: #cccccc;
border: 1px solid black;
width: 770;
height: 75%;
margin: auto; }

/* Inhalt */
.content {
background-color: none;
border: none;
width: 580;
height: 70%;
margin-right: 10px;
position:relative; top:1;
float: right; }

agrajag · 26.07.2004, 22:13

An deiner Stelle würde ich erst mal das CSS "valide machen".
Hinter Zahlen gehört eine Einheit - bei dir wohl "px".
"none" ist kein erlaubter Farbwert, nimm "transparent" oder lass die Eigenschaft einfach weg.

Dann kann es unter Umständen große Unterschiede machen ob deine Seite im standardkonformen Modus oder im sog. Quirksmodus angezeigt wird. (http://www.carsten-protsch.de/zwischennetz/doctype/)

Mozilla nimmt die Höhenangaben vielleicht etwas zu genau und passt die größe der divs NICHT an - das war zumindest bei mir so. Probiere es mal mit "min-height" - leider geht das im IE nicht.

Ein anderer Grund könnte das float:right; sein. Füge nach dem "content"-div mal ein

Code:

<br style="clear:both">

ein.

hth
werbegeschenk

Tutti · 26.07.2004, 22:24

Hi,

danke vorab für den Link.
Ist ganz interessant.

Zudem schaue ich mir gerade die Workshops von http://barrierefrei.e-workers.de an, sind ganz nette Sachen dabei.
Vielleicht klappts dann mal mit der Browserkompatibilität.

Grüße
Tutti

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Firefox / IE - ungeahnte Statistik	pepe24	Off-Topic Diskussionen	10	30.04.2007 16:46
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)!	vampsoftchef	HTML, Usability und Barrierefreiheit	1	28.02.2007 00:22
templates oder css mit firefox	rbs_phoenix	HTML, Usability und Barrierefreiheit	1	30.10.2006 15:24
[Erledigt] window.location.href mit firefox		HTML, Usability und Barrierefreiheit	15	18.11.2005 17:49
window.open mit firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 17:04
Problem mit Firefox	Diego1978	HTML, Usability und Barrierefreiheit	9	11.09.2005 21:17
[Erledigt] shiftKey bei Firefox abfragen		HTML, Usability und Barrierefreiheit	2	05.08.2005 15:08
Problem mit PFad Firefox - Verzeichnis löschen		PHP Tipps 2005-2	0	19.07.2005 16:05
Deer Park Alpha 1 (=Mozilla Firefox 1.1)		Off-Topic Diskussionen	15	09.07.2005 02:32
[Erledigt] verfluchter Firefox		HTML, Usability und Barrierefreiheit	5	08.07.2005 22:51
RGB im IE anders als im Firefox !	Cyberbob_at_tot	HTML, Usability und Barrierefreiheit	9	29.06.2005 17:47
[Erledigt] Script Interpretaion läuft falsch im Firefox		PHP-Fortgeschrittene	23	11.05.2005 19:01
FireFox :: php.net als Suchmaschine	Guradia	Off-Topic Diskussionen	14	07.12.2004 13:29
Firefox hui, IE pfui!!??	Calexico	HTML, Usability und Barrierefreiheit	12	04.12.2004 03:24
Browser FireFox --hast du das gewusst??		Off-Topic Diskussionen	11	23.09.2004 19:09

26.07.2004, 21:17
Tutti Erfahrener Benutzer Registriert seit: 23.07.2004 Beiträge: 100	2 verschachtelte Divlayer und der Firefox. Hi, z.Zt. ist es ja ziemlich in das Layout seiner Seiten in CSS zu formatieren. Dem will ich mich anschließen. Soweit klappte dank google und den verschiedensten Seiten, die sich mit dem Thema befassen, alles. Eins will im Firefox aber absolut nicht hinhauen. Ich habe 2 verschachtelte Divlayer, main und content main überdeckt quasi fast die ganze seite und in content kommt der Inhalt meiner Seiten. Habe ich jetzt viel Inhalt sodass die Bildhöhe gescrollt werden muss erweitert sich der layer content auch nur nimmt der den main nicht mit. Main ist so groß wie sonst auch (in der Höhe). In Opera und IE klappt es allerdings. Hat der FF da seine Schwächen? Abschnitt HTML-Dokument Code: <div class="main"> <div class="content" align="left"> . . . Jede Menge Text . . . </div> <div> Stylecheet Code: /* mainbox / .main { background-color: #cccccc; border: 1px solid black; width: 770; height: 75%; margin: auto; } / Inhalt */ .content { background-color: none; border: none; width: 580; height: 70%; margin-right: 10px; position:relative; top:1; float: right; }


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.07.2004, 22:13
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	An deiner Stelle würde ich erst mal das CSS "valide machen". Hinter Zahlen gehört eine Einheit - bei dir wohl "px". "none" ist kein erlaubter Farbwert, nimm "transparent" oder lass die Eigenschaft einfach weg. Dann kann es unter Umständen große Unterschiede machen ob deine Seite im standardkonformen Modus oder im sog. Quirksmodus angezeigt wird. (http://www.carsten-protsch.de/zwischennetz/doctype/) Mozilla nimmt die Höhenangaben vielleicht etwas zu genau und passt die größe der divs NICHT an - das war zumindest bei mir so. Probiere es mal mit "min-height" - leider geht das im IE nicht. Ein anderer Grund könnte das float:right; sein. Füge nach dem "content"-div mal ein Code: <br style="clear:both"> ein. hth werbegeschenk __________________ Today you...Tomorrow me.

26.07.2004, 22:24
Tutti Erfahrener Benutzer Registriert seit: 23.07.2004 Beiträge: 100	Hi, danke vorab für den Link. Ist ganz interessant. Zudem schaue ich mir gerade die Workshops von http://barrierefrei.e-workers.de an, sind ganz nette Sachen dabei. Vielleicht klappts dann mal mit der Browserkompatibilität. Grüße Tutti