zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit float beim CSS Design

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.05.2005, 17:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.05.2005
Beiträge: 2
GLURAK befindet sich auf einem aufstrebenden Ast
Standard Problem mit float beim CSS Design

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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.05.2005, 19:06
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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

2. Indem Du die Container absolut oder relativ positionierst.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.05.2005, 20:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.05.2005
Beiträge: 2
GLURAK befindet sich auf einem aufstrebenden Ast
Standard

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.
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
Webseite für Smartphones Optimieren Cybertronic CSS 8 18.08.2011 10:16
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
CSS Problem Design auf anderen Rechnern verschoben MALPI CSS 3 09.10.2008 11:51
Problem mit CSS in Joomla 1.5 noobilicius CSS 6 25.09.2008 21:24
Design Float IE6 Problem koknarr CSS 10 05.09.2008 19:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:47 Uhr.