XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Problem mit float beim CSS Design (http://xhtmlforum.de/showthread.php?t=35441)

GLURAK 14.05.2005 16:25

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.

Boris 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 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.


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:05 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023