zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Automatische Größe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.01.2009, 18:26
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.01.2009
Beiträge: 46
saschaopp befindet sich auf einem aufstrebenden Ast
Standard Automatische Größe

Hallo,

ich habe eine schöne Frage an euch was nicht unbedingt ein Projekt ist ich jedoch mal eine Testdatei erstellt habe. Ich habe einen großen Div Container "maincontent" darin ist "mainleft" und "mainright" wenn ich jetzt "mainright" größer mache als "mainleft" soll der Hintergrund jedoch weiter also proportional mitgehen. Wenn ich "maincontent" eine feste größe zuweise sagen wir 200px funktioniert die Geschichte wenn ich jedoch sage 100% dann bleibt "mainleft" klein und "mainright" ist größer.

Viel Spaß

Mit freundlichen Grüßen
Sascha

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" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#container {
	width: 900px;
	margin: 0px auto;
}
#head {
	height: 200px;
	background-color: #00FF99;
}
#maincontent {
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}
#mainleft {
	height: 100%;
	float: left;
	width: 30%;
	background-color: #CC3333;
}
#mainright {
	width: 70%;
	float: left;
	background-color: #996633;
	height: 100%;
}
-->
</style>
</head>

<body>

    <div id="container">
	  <div id="head">Raum für den Inhalt von  id "head"</div> 
         
          <div id="maincontent">
       		<div id="mainleft">
            	<p>Raum für den Inhalt von  id "mainleft"</p>
            </div>
            
            <div id="mainright">
                  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
            </div>
          </div>
      
    </div>

</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.01.2009, 18:35
Benutzerbild von Elchi3
Benutzer
neuer user
 
Registriert seit: 23.12.2008
Ort: Verden(Aller)
Beiträge: 64
Elchi3 befindet sich auf einem aufstrebenden Ast
Standard

Faux Columns - Technik ?!?
__________________
Gruß,
<Elchi3>

Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.01.2009, 11:34
Benutzerbild von R4V3N
value="#"
neuer user
 
Registriert seit: 23.01.2009
Ort: localhost / 127.0.0.1
Beiträge: 45
R4V3N befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von saschaopp Beitrag anzeigen
Hallo,
ich habe eine schöne Frage an euch was nicht unbedingt ein Projekt ist ich jedoch mal eine Testdatei erstellt habe. Ich habe einen großen Div Container "maincontent" darin ist "mainleft" und "mainright" wenn ich jetzt "mainright" größer mache als "mainleft" soll der Hintergrund jedoch weiter also proportional mitgehen. Wenn ich "maincontent" eine feste größe zuweise sagen wir 200px funktioniert die Geschichte wenn ich jedoch sage 100% dann bleibt "mainleft" klein und "mainright" ist größer.
Wenn du 100% angibst, wird die ebene nur so groß, das der Text den du dort reinschreibst oder von mir aus auch ein bild, genau dort reinpasst. Da wirst du nicht die ganze Seite mit ausfüllen können...

Das mit den Faux Columns kenn ich leider auch nicht, hört sich aber nach einer guten Lösung für dein Problem an.

MfG
R4V3N
Mit Zitat antworten
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
Größe des Hintergrund-Elements bei absoluter Positionierung CodeMonkey CSS 2 20.01.2011 20:19
Größe eines versteckten divs herausbekommen wuschba Javascript & Ajax 6 31.01.2008 15:34
iframe Größe bei Laden des Inhalts an dessen Größe anpassen wiseguy Javascript & Ajax 0 24.06.2007 23:04
Größe ans Browserfenster anpassen GeorgeDorn CSS 1 06.01.2007 15:42
CSS Layout mit fester und variabler Größe Xavier CSS 7 18.01.2005 14:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:54 Uhr.