05.09.2006, 10:34
|
|||
|
|||
Seite verschiebt sich beim verkleinern des Browserfensters
Hallo zusammen,
ich programmiere gerade meine erste CSS-XHTML-Homepage. Mit maximiertem Fenster ist alles ok, wenn ich es aber kleiner "ziehe", verschieben sich die Blöcke. Wie kann ich das Problem lösen? Danke und viele Grüße, Flo PS. Eine Forensuche nach "verschieben" hat leider nichts ergeben.. Edit: sorry, Code folgt gleich Geändert von Flo81 (05.09.2006 um 10:36 Uhr) 
|
| Sponsored Links |
|
05.09.2006, 10:51
|
|||
|
|||
ich bin doch a depp
 hier der Code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Style" /> <title>TEST</title> </head> <body> <div class="middle"> <div class="links"> </div> <div class="mitte" id="bld"> </div> <div class="gbox"> </div> </div> </body> </html> Code:
body
{
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #FDFDFF;
color:black;
text-align: left;
margin: 0%;
height: 100%;
}
.gbox
{
background-color: #FF0000;
color:#FFFFFF;
padding:9px;
width:102px;
height:62px;
float:left;
font-size:60%;
}
#bld
{
/* background-image: url(images/xxx.gif); */
background-repeat: no-repeat;
background-position: right;
background-color:#0000FF;
margin-right: -1px;
}
.middle { height: 80px; }
.links
{
width: 119px;
float: left;
height: 100%;
background-color:#00FF00;
}
.mitte
{
width:560px;
float: left;
height: 100%;
}
|
|
05.09.2006, 11:17
|
|||
|
|||
Das ist völlig normal, so sollen Floats funktionieren: wenn sie nicht nebeneinader passen, dann werden sie untereinander dargestellt, damit kleine Bildschirme (z.B. PDAs) sie trotzdem benutzen können.
Wenn du es nicht willst, musst du dem umgebenden DIV - bei Dir "middle" - eine feste Breite entsprechend der Gesamtbreite der Unter-DIVs geben. Robin
|
|
05.09.2006, 16:04
|
||||
|
||||
|
Zitat:
1. Programmiert man kein XTHML und CSS, das sind keine Programmiersprachen 2. Heißt es Website </klugscheissmodus> 
__________________
“My software never has bugs. It just develops random features ...”  » DevShack - die Website des freien Webentwicklers Boris Bojic
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Zwei Formulare in einer Seite - zweites Formular funktioniert nicht... | accessoire | (X)HTML | 3 | 02.06.2010 16:44 |
| Zeilenüberlappung bei margin-top mit negativem Wert | c.weber.os | CSS | 15 | 15.10.2005 15:11 |
| <div>-Bereich mit Höhe des gesamten BrowserFensters | BullPit | CSS | 3 | 13.02.2005 10:49 |
| oper und anker im div | Holger (HMR) | CSS | 25 | 18.01.2005 13:01 |
| problem mit verkleinerung des browserfensters | olli666 | CSS | 1 | 06.09.2003 14:04 |
Linear-Darstellung
