Problem mit float beim CSS Design

GLURAK · #1 (**permalink**) 14.05.2005, 16:25

Hallo,
Ich versuche gerade ein Design nur per CSS zu programmieren.
Ich habe eigentlich schon mehrere gemacht, aber die waren nicht so aufgebaut wie dieses Design..
Da das design geheim ist kann ich es euch nicht zeigen..
Aber das spielt keine Rolle..

Also
Wie kann ich zwei div Contaier nebeneinander stellen die sich nicht verschieben wenn man das Fenster verkleinert?

Diese verschieben sich immer untereinander sobald man das Fenster minimiert und die Bilder die im Container nicht mehr im kleinen Fenster reinpassen, ich wills so wie bei Tabellen, also das der Browser eine horz. Scrollbar bekommt...

Hat jemand eine Ahnung?
Wäre euch dankbar.

Boris · #2 (**permalink**) 14.05.2005, 18:06

1. Programmiert man weder HTML, noch CSS: http://jendryschik.de/wsdev/befehle#programmiersprache

2. Indem Du die Container absolut oder relativ positionierst.

GLURAK · #3 (**permalink**) 14.05.2005, 19:08

Ja ich weiß, dann hat "gecodet" oder was weiß ich..

Hab ich auch versucht allerdings schieben sich die beiden untereinander siehe:

Code:

<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Media-Experience.net - Webdesign and Webhosting</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
</head>
<body>
<div id="container">
[img]./images/logo.jpg[/img]
<div id="nav"><lu>[*]+ home[*]+ leistungen[*]+ webdesign[*]+ webhosting[*]+ sitemap[*]+ support</$></div>
</div>
<div id="empty">
<div id="nav_right"><ul>[*][img]./images/referenzen.jpg[/img][*][img]./images/ueber_uns.jpg[/img][*][img]./images/agb.jpg[/img][*][img]./images/impressum.jpg[/img][/list]</div>
<div id="img">[img]./images/img.jpg[/img]</div>
</div>
</body>
</html>

Code:

body {
	margin:0;
	width:100%;
}
#container {
	padding-top:52px;
	padding-right:0;
	padding-bottom:0;
	padding-left:209px;
	margin-bottom:3px;
	margin-right:380px;
	float:right;
}
#nav {
	list-style:none;
	padding:0;
	font-family:verdana;
	font-size:11px;
	color:#878787;
}
#nav li {
	display:inline;
	padding:0;
}
#nav ul {
	padding:0;
}
#img {
	text-align:left;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	margin:0;
	text-align:right;
	position:fixed;
	right:269px;
}
#empty {
	background:#EAEAEA;
	width:100%;
	height:144px;
	padding:0;
	margin-top:0;
	margin-right:0;
	margin-left:0;
	margin-bottom:0;
	float:right;
}

#nav_right {
	list-style:none;
	background:#EAEAEA;
	margin-top:0;
	position:fixed;
	right:0%;
}
#nav_right ul{
	list-style:none;
	margin:0;
	padding:0;
}

Die Liste sollte rechts sein und die Grafik img gleich daneben..

Im IE funktioniert dieser Code noch nicht also bitte nur per Firefox testen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Webseite für Smartphones Optimieren	Cybertronic	CSS	8	18.08.2011 09:16
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
CSS Problem Design auf anderen Rechnern verschoben	MALPI	CSS	3	09.10.2008 10:51
Problem mit CSS in Joomla 1.5	noobilicius	CSS	6	25.09.2008 20:24
Design Float IE6 Problem	koknarr	CSS	10	05.09.2008 18:05