Webdesign in Siegen

DIV will sich nicht anpassen

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

DIV will sich nicht anpassen

Beitragvon satinez am 24.03.2007, 19:34

HI

Das Problem liegt irgendwie an den Position der DIVS oder Verschachtelung.


kennt villeicht jemand das problem?

Der linke DIV, also die NAVI will nicht 10px unter dem header
er nimmt irgendwie den contentbereich als referenz objekt.

- http://www.satinez.net/test2/
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Beitragvon powerschulzi am 24.03.2007, 20:07

Das liegt nicht an den Positionen ;)

bei #navi musst du float:left; und bei #content float:right; reinschreiben, dann müssts passen :)

auch mal hier klicken: http://www.css4you.de/wslayout1/index.html
Benutzeravatar
powerschulzi
Mitglied
 
Beiträge: 1276
Registriert: 18.09.2005, 16:07
Wohnort: Dresden

Beitragvon d222 am 25.03.2007, 12:16

und den DOCTYPE nicht vergessen!

mfg
d222
Mitglied
 
Beiträge: 43
Registriert: 06.01.2007, 15:23
Wohnort: Berlin

Beitragvon Rene am 25.03.2007, 12:45

Und die Navi im Code vor dem Content einbinden, und dann mit float: left arbeiten..
Bild
Rene
Mitglied
 
Beiträge: 1188
Registriert: 28.02.2005, 20:10
Wohnort: nähe Ravensburg

Beitragvon satinez am 25.03.2007, 18:01

Danke für die Hilfe.

klappt fast alles.

aber wie man jetzt sehen kann, orange ist der #root div

müsste nicht alles in diesem orangen sein ?

http://www.satinez.net/test2/

Ich möchte aber keine Feste höhe angeben, der sollte ja dynamisch sein.
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Beitragvon Rene am 25.03.2007, 22:27

hey

probier mal folgendes:

.clear {

clear: both;

}

-> In die CSS

und unter den DIV des Content: <div class="clear">&nbsp;</div>

lg
Bild
Rene
Mitglied
 
Beiträge: 1188
Registriert: 28.02.2005, 20:10
Wohnort: nähe Ravensburg

Beitragvon satinez am 26.03.2007, 02:10

wunderbar, vielen DANK !


lösung :

http://www.satinez.net/test2/

Kann ich machen das das ROOT Div eine feste grösse hat, und wenn ein objekt länger wird nach unten, es automatisch mit zieht?



greet;s satinez
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Beitragvon Rene am 26.03.2007, 15:46

Nein, das geht leider nur im Firefox mit min-width und max-width.

Dann haste im IE immer diese feste Höhe.

Da ist das beste mit ein paar Leerschritten oder so zu arbeiten.
Bild
Rene
Mitglied
 
Beiträge: 1188
Registriert: 28.02.2005, 20:10
Wohnort: nähe Ravensburg

Beitragvon satinez am 26.03.2007, 15:57

ciao!

IE, was ist das ? :)

Ja ich will es sowieso nur für den FF2 machen.

hab so ein ANTI IE PHP SCRIPT GEBASTELT :D


Welche Methode soll ich nehmen ?

- min-width max-width

oder

- einen unsichtbaren DIV unterhalb des contents ?



greet;s satinez
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Beitragvon satinez am 21.05.2007, 20:02

Sorry für Doppelpost !

Möchte jetzt einen "content_right" einbauen.
Habe es mir leichter vorgestellt :D

Website:

- http://www.satinez.net/test2/

Css File:

- http://www.satinez.net/test2/css/style.css


Ich weiss nicht wo der Fehler ist, gut ich kann sagen ich kenne mich noch nit so aus, ob es an den Floats oder an der Verschachtelung liegt kann ich noch nicht sagen.

Habe Float links, rechts ausprobiert aber kein erfolg.

Hoffe es kennt jemand das Problem, und auch eine Lösung.
Bild
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Beitragvon patrik am 22.05.2007, 14:05

-
Zuletzt geändert von patrik am 07.04.2008, 16:58, insgesamt 1-mal geändert.
patrik
Mitglied
 
Beiträge: 67
Registriert: 25.03.2007, 22:28

Beitragvon satinez am 22.05.2007, 14:16

hy, yes danke.

Ja da ist noch PHP drin, aber an dem liegts ja nicht. oder doch ?



hier die PHP :




Code: Alles auswählen
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>www.satinez.net - CS:SOURCE !</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="root">

  <div id="head"></div>

  <div id="navi">

<ul>
<li><a href="index.php?inhalt=home"><span>Home</span></a></li>
<li><a href="index.php?inhalt=about"><span>About</span></a></li>
<li><a href="index.php?inhalt=port"><span>Portfolio</span></a></li>
<li><a href="index.php?inhalt=c4d"><span>Cinema4D</span></a></li>
<li><a href="index.php?inhalt=freunde"><span>Freunde</span></a></li>
<li><a href="index.php?inhalt=dl"><span>Downloads</span></a></li>
<li><a href="index.php?inhalt=contact"><span>Kontakt</span></a></li>
</ul>

</div>


<div id="content">

<?php
switch($_GET["inhalt"]) {
case "about": include("about.html");break; // Fall 1
case "home": include("home.html");break; // Fall 2
case "port": include("portfolio.htm");break; // Fall 3
default: include("home.html");
}
?>
</div>






  <div class="clear"></div>




</div>
</body>
</html>
Zuletzt geändert von satinez am 22.05.2007, 19:41, insgesamt 1-mal geändert.
Bild
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Beitragvon patrik am 22.05.2007, 19:28

-
Zuletzt geändert von patrik am 07.04.2008, 16:58, insgesamt 2-mal geändert.
patrik
Mitglied
 
Beiträge: 67
Registriert: 25.03.2007, 22:28

Beitragvon Manuel am 22.05.2007, 19:32

Kurzer Hinweis, da du XHTML als Doctype verwendest:
<br> wird mittlerweile so geschrieben: <br />

Hast du auch mal deine Seite durch den W3C Validator gejagt? Oft ergeben sich dann auch so nicht ersichtliche Fehler im Quellcode.

Lg,
Manuel ;-]
Benutzeravatar
Manuel
Site Admin
 
Beiträge: 9085
Registriert: 10.12.2004, 19:29
Wohnort: Asbach

Beitragvon satinez am 22.05.2007, 19:46

ciao!

@biberboot

hab Das Komplette HTML eingefügt.

@Manuel

Hab sie durch w3 gejagt, 15 Fehler.

Ich nimm mal das switchPHP script weg..
Bild
Benutzeravatar
satinez
Mitglied
 
Beiträge: 345
Registriert: 18.09.2006, 04:39
Wohnort: Schweiz/Basel

Nächste

Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast