M
Maik
Von welchem Grund sprichst dufeh hat gesagt.:
Den (anderen) Lösungsansatz habe ich dir doch gestern abend gezeigt. Was spricht also dagegen, ihn zu verwenden?
✔ width 100%
- Themenstarter son gohan
- Beginndatum
- Status
Den (anderen) Lösungsansatz habe ich dir doch gestern abend gezeigt. Was spricht also dagegen, ihn zu verwenden?
Hi,
wo treten denn die Scrollbars auf? Hört sich für mich nach einem Box-Model-Bug an. Die meisten
Nicht-IE-Browser addieren die Rahmendicke (in deinem Fall 2-mal 1px) auf die100%. Damit ist
die Gesamtbreite nicht mehr im Viewport anzeigbar und die Bildlaufleiste wird eingeblendet.
Folgendes Beispiel sollte in den gängigen Browsern funktionieren. Zunächst wird eine äussere
Box mit der benötigten Breite erstellt. In diesen Container wird ein weiteres Element eingefügt,
welches für den Rahmen verantwortlich ist.
Zum zweiten Problem:
Du musst die Zeilenhöhe noch zu Null formatieren. Dann sollte eigentlich kein Platz für das Element mehr benötigt werden.
Ich hoffe, ich habe dich richtig verstanden.
Ciao
Quaese
wo treten denn die Scrollbars auf? Hört sich für mich nach einem Box-Model-Bug an. Die meisten
Nicht-IE-Browser addieren die Rahmendicke (in deinem Fall 2-mal 1px) auf die100%. Damit ist
die Gesamtbreite nicht mehr im Viewport anzeigbar und die Bildlaufleiste wird eingeblendet.
Folgendes Beispiel sollte in den gängigen Browsern funktionieren. Zunächst wird eine äussere
Box mit der benötigten Breite erstellt. In diesen Container wird ein weiteres Element eingefügt,
welches für den Rahmen verantwortlich ist.
HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
*{ margin: 0;
padding: 0;}
.div100{ position:absolute;
top:0;
left:0;
width:100%;
height:150px;
background-color:#FF0000;}
.borderDiv{ height: 148px !important;
height: 150px;
border: 1px solid #005f00;}
//-->
</style>
</head>
<body>
<div class="div100">
<div class="borderDiv"> </div>
</div>
</body>
</html>Zum zweiten Problem:
Du musst die Zeilenhöhe noch zu Null formatieren. Dann sollte eigentlich kein Platz für das Element mehr benötigt werden.
HTML:
<span style="line-height: 0; height: 1px; font-size: 1px; padding: 0; margin: 0;"> </span>Ciao
Quaese
son gohan
Erfahrenes Mitglied
Hallo Quase,
einfach super, du hast meine Probleme erkannt und konntest mir eine Lösung geben.
Beim ersten Problem lag es wirklich am border von 1px.
Bei zweiten Problem mit dem span Tag hat es aber auch mit line-height Angabe auch nicht geklappt. Nur wenn ich das Leerzeichen raus nehme aus dem Tag klappt es.
Aber ohne Inhalt, bzw. Leerzeichen erhalte ich ein schlechtes Markup und das wil ich nicht.
Und noch eine Frage einfach so an dich. Benutzt du öfters bei deinem Seiten eine XML Deklaration, wenn ja, ist das wirlich vorteilhafter?
gruß
feh
einfach super, du hast meine Probleme erkannt und konntest mir eine Lösung geben.
Beim ersten Problem lag es wirklich am border von 1px.
Bei zweiten Problem mit dem span Tag hat es aber auch mit line-height Angabe auch nicht geklappt. Nur wenn ich das Leerzeichen raus nehme aus dem Tag klappt es.
Aber ohne Inhalt, bzw. Leerzeichen erhalte ich ein schlechtes Markup und das wil ich nicht.
Und noch eine Frage einfach so an dich. Benutzt du öfters bei deinem Seiten eine XML Deklaration, wenn ja, ist das wirlich vorteilhafter?
gruß
feh
M
Maik
- Status
