PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : CSS "width" funktioniert im Firefox nicht?

minos5000
2009-09-28, 09:55:37
Hi,

ich spiele gerade mit JavaServer Faces herum und habe festgestellt, dass z.B. das width-Attribut, wenn ich es einer panelGroup zuweise im IExplorer ausgeführt und im Firefox ignoriert wird.
Die Seite sieht als Quellcode im Browser folgerndermaßen aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" title="Style"
href="theme/stylesheet.css">
</head>

<body>
<span id="group1" class="panelGroup" style="height: 400px; width: 100%; border-color: black; border-style: solid; border-width: 1px">
<span id="group2" class="panelGroup" style="height: 200px; width: 200px; border-color: red; border-style: solid; border-width: 1px">
</span>
</span>

</body>

</html>

Alles was ich gemacht habe war, dass ich in meiner IDE dem Panel mit der ID "group1"
widht: 100%
mitgegeben habe.
universaL
2009-09-28, 11:24:07
in firefox wird das ganze automatisch nur so groß wie der inhalt,

wenn du


display: block;


hinzufügst, sieht es so aus, wie du es wohl erwartest :)
Gast
2009-09-28, 11:26:00
ist das überhaupt valid, mehrere "span"-tags ineinander zu verschachteln? warum nimmst du kein "div"?
The_Invisible
2009-09-28, 11:30:44
ist das überhaupt valid, mehrere "span"-tags ineinander zu verschachteln? warum nimmst du kein "div"?

wahrscheinlich weil span ein inline und div ein block element ist und es mit der darstellung sonst nicht passt.

wenn das mit display: block funzt kann er aber auch gleich div nehmen und erspart sich den zusätzlichen display style.

edit: laut w3c validator ist es valid

mfg
minos5000
2009-09-28, 11:35:31
in firefox wird das ganze automatisch nur so groß wie der inhalt,

wenn du


display: block;


hinzufügst, sieht es so aus, wie du es wohl erwartest :)

Danke für den Tipp. Der Kasten ist jetzt zwar deutlich breiter, nutzt aber trotzdem immer noch nicht die volle Breite, sonder ca. 3/4 :confused:

ist das überhaupt valid, mehrere "span"-tags ineinander zu verschachteln? warum nimmst du kein "div"?
Kann ich nicht sagen, den Code erzeugt der Websphere App Server.
minos5000
2009-09-28, 11:36:48
wenn das mit display: block funzt kann er aber auch gleich div nehmen und

mfg

Darüber habe ich keine Entscheidungsgewalt ;). Ich muss die JSF-Elemente nehmen, die mir die Websphere IDE zur Verfügung stellt.

EDIT

Die JSF-Seite sieht übrigens so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@page
language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%><%@taglib
uri="http://java.sun.com/jsf/html" prefix="h"%><%@taglib
uri="http://www.ibm.com/jsf/html_extended" prefix="hx"%><html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" title="Style"
href="theme/stylesheet.css">
</head>
<f:view>
<body style="width: 1024px">
<hx:scriptCollector id="scriptCollector1">
<h:panelGroup styleClass="panelGroup" id="group1"
style="display: block; height: 400px; width: 100%; border-color: black; border-style: solid; border-width: 1px">
<h:panelGroup styleClass="panelGroup" id="group2"
style="height: 200px; width: 200px; border-color: red; border-style: solid; border-width: 1px"></h:panelGroup>
</h:panelGroup>
</hx:scriptCollector>
</body>
</f:view>
</html>