Antworten zum Thema „layout problem“

Schuessel · 04.07.2008

hallo, ich hab folgendes Problem. Baut auf meinem vorherigen Thread auf, müsst aber den Post nicht kennen.

Also hier das Layout.

Ich will das der blaue bereich immer zentriert ist und der schwarze bereich immer rechts außen. und je nach bildschirm auflösung kanns sein das der schwarze bereich den blauen überdeckt.

das problem beim firefox passt das auch alles, nur beim internet explorer schiebt sich dann der blaue bereich immer nach unten wenn der schwarze bereich ihn überlagern müsste.

danke für eure hilfe.

tr4ze · 05.07.2008

AW: layout problem

Hmmm an dieser stelle mal ein quote aus css-referenz von

Absolutes und relatives Positionieren von Elementen bietet Ihnen die Möglichkeit, das Erscheinungsbild von Web-Seiten stärker medienorientiert zu gestalten. So können Sie für einzelne Bereiche festlegen, wo genau diese Bereiche beginnen sollen. Bereiche können sich überlappen usw. Im Wesentlichen decken diese Eigenschaften die Möglichkeiten der alten Netscape-

Layer ab. Im Gegensatz zu den Layern sind sie jedoch ein offizieller Vorschlag des W3-Konsortiums. Netscape und der Microsoft Internet Explorer interpretieren diese Angaben seit ihren 4er-Versionen - allerdings noch mit einigen Einschränkungen bzw. Besonderheiten.

Was du suchst könntest du hier finden -->

sokie · 05.07.2008

AW: layout problem

Hallo Schuessel,
wenn ichdich richtig verstanden habe, ost der rehte Breich rechts aussen positioniert,und beginnt den Hauptcontainer zu überlagern, wenn die Seite kleiner wird.

wenn nun der Bereich aussen zb mit den styles:
position: absolute;
right:0;
top: 100px;

und der Hauptcontainer NICHT absolut positioniert ist:
also zB
width: 800px;
margin: auto;

sollte das Problem gar nicht auftreten.
besser als eine Zeichnung wäre allerdings ein link zu deiner seite, oder der Quelltext (html und css)

Schuessel · 05.07.2008

AW: layout problem

hi, werde den quellcode bald posten sobald ich wieder daheim (heute abend oder morgen) bin. schonmal danke für die viele hilfe.

grüssle

Schuessel · 08.07.2008

AW: layout problem

hiho, sodele

also hier nochmal das Layout wie ich es mir vorstelle:

So hier die Quelltexte:

CSS:
/*** CSS ***/

* {
margin: 0;
padding: 0;
border: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
}

body {
}

/*** Layout ***/

#wrap {
width: 900px;
height: 500px;
margin: 0 auto;
}

#navi {
}

#banner {
position: absolute;
right: 10px;
top: 50px;
height: 80px;
}

#gruenelinie {
position: absolute;
right: 0px;
top: 50px;
width: 10px;
height: 80px;
background: green;
}

-----------------------------------------------------

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="internetseite">

<title>webseite</title>

<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://www.psd-tutorials.de/modules/Forum/images/favicon.ico">

</head>

<body>

<div id="gruenelinie"></div>

<div id="wrap">

<div id="banner"><img src="bann.png" alt="grlogo"></div>

<div id="navi"></div>

</div>

</body>

</html>

---------------------------------------------------------------------

Sodele von den Problemen her wie kann es auch anderst sein, haben sich einige gelöst und neue aufgetan.

das mit dem verschieben und das das banner da bleibt wo es soll passt schonmal, nächstes problem ist, dass ich gerne hätte das der grüne strich hinter dem banner sich der browsergröße anpasst und je nachdem seine "WEITE" nur nach Rechts verändert.

Danke für eure Hilfe