zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div höhe 100% im wrapper mit border

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.10.2012, 11:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.10.2012
Beiträge: 1
maednix befindet sich auf einem aufstrebenden Ast
Standard 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 border ist jetzt etwas übertrieben aber das ist halt das probelem was ich lösen möchte.
der soll nicht über die seite hinausgehen sondern im wrapper drinbleiben.

Hoffe ihr könnt mir helfen.
Danke
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.10.2012, 11:48
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

Eventuell hilft dir die CSS3-Eigenschaft box-sizing weiter. Habe es selbst aber noch nie getestet.

Schönes neues CSS: box-sizing
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:15 Uhr.