zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Seite verschiebt sich beim verkleinern des Browserfensters

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.09.2006, 11:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2006
Beiträge: 3
Flo81 befindet sich auf einem aufstrebenden Ast
Unglücklich 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 11:36 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.09.2006, 11:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.844
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von Flo81
Wie kann ich das Problem lösen?
In dem du den Fehler in Zeile 42 korrigierst.

Robin

EDIT:

Zitat:
Edit: sorry, Code folgt gleich
Aha
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.09.2006, 11:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2006
Beiträge: 3
Flo81 befindet sich auf einem aufstrebenden Ast
Reden

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">&nbsp;</div>
	
  <div class="mitte" id="bld">&nbsp;</div>
	<div class="gbox">&nbsp;</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%;
}
Mit Zitat antworten
  #4 (permalink)  
Alt 05.09.2006, 12:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.844
RoToRa wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 05.09.2006, 13:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.09.2006
Beiträge: 3
Flo81 befindet sich auf einem aufstrebenden Ast
Standard

Super! Vielen Dank, genau das wars!
So einfach und doch wäre ich wahrscheinlich im Leben nicht darauf gekommen..
Mit Zitat antworten
  #6 (permalink)  
Alt 05.09.2006, 17:04
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.936
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
ich programmiere gerade meine erste CSS-XHTML-Homepage
<klugscheissmodus>
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
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
Zwei Formulare in einer Seite - zweites Formular funktioniert nicht... accessoire (X)HTML 3 02.06.2010 17:44
Zeilenüberlappung bei margin-top mit negativem Wert c.weber.os CSS 15 15.10.2005 16:11
<div>-Bereich mit Höhe des gesamten BrowserFensters BullPit CSS 3 13.02.2005 11:49
oper und anker im div Holger (HMR) CSS 25 18.01.2005 14:01
problem mit verkleinerung des browserfensters olli666 CSS 1 06.09.2003 15:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:12 Uhr.