zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 2 divs nebeneinander

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.04.2010, 15:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2010
Beiträge: 5
smartexport befindet sich auf einem aufstrebenden Ast
Standard 2 divs nebeneinander

hallo,

ich will mir nun endlich mal layouts mit css beibringen, um die tablelayouts los zu werden. daher spiele ich mich mal rum, und stosse gleich zu beginn auf unüberwindbare probleme

hab alles gegoogelt und gesucht, aber nirgends was brauchbares gefunden.

das problem ist, dass ich eine tabelle nachbilden will.
also einfach: 2 divs nebeneinander, beide 50% breit. dabei will ich keine border, padding etc. addieren und fixe breiten angeben, sondern nur 50% zu jedem div sagen.

dann hab ich mir gedacht, ok, ein 'hautdiv', welches 2 divs hält, die jeweils 50% breit sind und keinen border etc. haben, das geht ja. wenn ich nun in diese beiden divs die eigentlichen inhalte lege, so müsste ich diesen ja wieder 100% geben können und margin, border usw.

aber leider nein,wenn ich das mache, dann blasen diese inneren divs sich einfach auf und bleiben nicht innerhalb des 50% begrenzungsdivs.

bitte helft mir da weiter, ich bin schon am verzweifeln

code hier:

HTML-Code:
	<style>
	#page{
		background-color:#e0e0e0;
	
		padding:0px;
		border:solid 1px green;
		
	}
	
	.cont{	
		width:50%;
		float:left;
		padding:0px;
		margin:0px;
	}
	
	.cont_inner{
		padding:2px;
		background-color:#f4f4f4;	
		width:100%;
		border:solid 5px #333333;
	}
	</style>
</head>

<body>

<div id=page>
	DIV PAGE<br>		
	<div class=cont>
		<div class=cont_inner>
		DIV COL 1
		</div>
	</div>	
	 
	<div class=cont>
		<div class=cont_inner >
		DIV COL 2
		</div>
	</div>	 
</div>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.04.2010, 15:58
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

da gehts schon falsch los!
Eine Tabelle ist nur für tabellarische Daten da und sonst für nix!

Wenn du tabellarische Daten hast nimm ne Tabelle, wenn nicht gestaltest und positionierst du nur mit CSS.

Du mußt erst mal deine Tabellendenke loswerden.
Diese Website wird dir dabei helfen.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.04.2010, 16:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2010
Beiträge: 5
smartexport befindet sich auf einem aufstrebenden Ast
Standard

danke für den link.

bedeutet das, es ist tatsächlich so, dass ein unterelement sich nicht an der größe des übergeordneten hält? das hat ja im grunde dann nix mit tabellen denken zu tun, sondern damit, dass ich ein element nicht durch ein anderes begrenzen kann.
Mit Zitat antworten
  #4 (permalink)  
Alt 16.04.2010, 16:06
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

100% + padding + border ist einfach zu viel. Box Model!
Entferne width.

Du solltest dich wirklich der genannten Grundlagenlektüre widmen. Dir fehlt z.B. noch das Verständnis für das Verhalten von Blockelementen im normalen Fluss.

Bitte: Dein Code ist nur ein Fragment. Immer vollständig posten (Doctype!), am besten als Link.
Mit Zitat antworten
  #5 (permalink)  
Alt 16.04.2010, 16:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2010
Beiträge: 5
smartexport befindet sich auf einem aufstrebenden Ast
Standard

thnx, ich hab mir die seite vorher schon angesehen. und leider ist da zu dem thema einfach nichts passendes zu finden. also im speziellen.
deshalb find ich ja auch leider bei google etc. nichts, denn jeder der eine ähnliche frage wie ich stellt, bekommt meist als antwort: lern die grundlagen.

bin ich ja bereit, keine frage. aber es muss doch eine möglichkeit geben, 2 oder mehrere divs mit variabler breite in einer zeile anzuordnen (mit border, margin...) und dabei eine fixe breite einzuhalten.
oder geht das einfach so nicht?

mir wäre sehr (auch fürs verständnis) geholfen, wenn man mein beispiel oben einfach um das erweitert, dass es geht, oder mir einfach sagt: nein, das geht gar nicht. oder halt einen anderen weg zeigt.
danke & lg
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<style>
	#page{
		background-color:#e0e0e0;
		width:50%;
		padding:0px;
		border:solid 1px green;
		position:relative;
	}
	
	.cont{	
		width:50%;
		float:left;
		padding:0px;
		margin:0px;
	}

	.cont_inner{
		padding:2px;
		background-color:#f4f4f4;	
		width:400px;
		border:solid 5px #333333;
	}
	</style>
</head>

<body>
<div id=page>
	<div class=cont>
		<div class=cont_inner>DIV COL 1</div>
	</div>	
	 
	<div class=cont>
		<div class=cont_inner >DIV COL 2</div>
	</div>	 
</div>
</body>
</html>
Mit Zitat antworten
  #6 (permalink)  
Alt 16.04.2010, 16:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Noch einmal: Entferne width. Die inneren Elemente wissen selbst, wie breit sie sein dürfen.
(Was du jetzt postest ergibt keinen Sinn -- und ist schon wieder etwas völlig anderes.)
Außerdem musst du dich über den "Doctype Switch" informieren (Google).

Das Verhalten von Blockelementen im normalen Fluss und auch das Box-Model werden von Peter Müller ausführlich erklärt.
Du wirst nicht daran vorbeikommen, dieses Buch komplett durchzuarbeiten.

Geändert von fricca (16.04.2010 um 16:19 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 16.04.2010, 16:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2010
Beiträge: 5
smartexport befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Noch einmal: Entferne width. Die inneren Elemente wissen selbst, wie breit sie sein dürfen.
exakt, da war mein fehler. klar, dem innersten element darf ich nicht nochmal eine breite aufzwingen.
DANKE.
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
2 DIVs nebeneinander ganzheitlich zentriert SchlechterInformatiker CSS 2 12.11.2009 02:29
Divs nebeneinander... Sengi CSS 4 23.05.2009 08:23
divs fließend nebeneinander, der letzte bis zum seitenrand deelite CSS 2 17.03.2009 21:04
Divs nebeneinander, aber mittig RomanM CSS 2 24.10.2007 06:32
divs nebeneinander bruderbarnabas CSS 7 07.09.2006 10:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:36 Uhr.