|
|||
div höhe 100% im wrapper mit border
Hallo,
ich hoffe hier wir mir geholfen. Hab schon länger nach einer lösung zu meinem kleinen problem gesucht aber nichts gefunden. Ich habe eine seite mit wrapper auf 100% höhe hinbekommen. Nur wenn ich noch einen border hinzufüge geht dieser natürlich über die 100% hinaus. addiert sich also. Frage nr1. Wie kann ich den border abziehen von den 100 % so das er nach innnen und nicht nach aussen gerechnet wird. Lösung die ich überlegt hatte war noch ein div mit 100% im wrapper einzubauen der den border erhällt und dem wrapper kein border zu geben. Die hat leider den selben effekt. das innere dich geht über den wrapper hinaus mit der border grösse. Hier ist mein code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css.css" rel="stylesheet" type="text/css" /> <link href="temp.css" rel="stylesheet" type="text/css" /> <title>Fahrschule FKB - Ready to drive</title> </head> <body> <div id="wrapper"> <div id="inhalt"> </div> </div> </body> </html> Code:
*{ padding:0; margin:0; } html, body { background-color: #333333; padding:0; margin:0; height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */ } #wrapper{ background-color: #FFFFFF; width: 80%; margin: 0 auto; /* Div soll zentriert werden */ min-height: 100%; /* Mindesthöhe für moderne Browser */ height:100% !important; /* Important Regel für moderne Browser */ height:100%; /* Mindesthöhe für den IE */ } #inhalt{ background-color: red; width: 80%; margin:0 auto; height:100%; border:10px solid black; } der soll nicht über die seite hinausgehen sondern im wrapper drinbleiben. Hoffe ihr könnt mir helfen. Danke |
Sponsored Links |
|
|||
Eventuell hilft dir die CSS3-Eigenschaft box-sizing weiter. Habe es selbst aber noch nie getestet.
Schönes neues CSS: box-sizing |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
div höhe - 2 scrollbalken vermeiden | grubentaucher | CSS | 4 | 07.04.2010 12:16 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
Untermenü im IE | nici | CSS | 10 | 22.06.2009 22:19 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |