|
|
User gesamt
|
:
|
2386473
|
User online
|
:
|
4
|
|
KubaSeoTräume, PHP Forum, PHP Community and more ... MyWebsolution.de!
|
|
|
|
MyWebsolution.de Foren » HTML und CSS » PHP Layout (div) in Firefox 3.6 falsch dargestellt
Seite:
|
1
|
Posts pro Seite: 5
10
20
|
Autor
|
Thread
|
09.02.2011 22:55 Uhr
|
PHP Layout (div) in Firefox 3.6 falsch dargestellt
|
levinleonard
|
User
|
|
registriert
|
09.02.2011
|
wohnt in
|
Stuttgart
|
Beiträge
|
3
|
|
Hi ich habe meine Seite mit webocton Scriptly erstellt, stoße jetzt jedoch auf das erste Problehm:
Firefox stellt den Content (Siehe unten) unter dem Header (Siehe unten), also am Seitenanfang dar.
In der Vorschau von Scriptly wird der div korrekt dargestellt und ich habe es auch so gelernt, dass wenn ein div hinter dem anderen steht, dass sie auch hintereinander stehen. Komischerweise wird ohne Absolutpositionierung vor dem Header und eine ebene unter dem Header platziert???
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>...</title>
<meta http-equiv="content-type" content="text/html; charset=us-ascii" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
<style type="text/css">
/*<![CDATA[*/
body
{
background:url(Bilder/Hintergrund.jpg) #FFF1BE no-repeat top left fixed;
}
/*]]>*/
</style>
</head>
<body>
<!-- Header -->
<div>
<!-- Logo-Link zur Homepage -->
<a href="index.php"><img border="0" id="logo" src="Bilder/Logo.png" alt="..." title="..." width="357" height="135" name="logo" /></a>
<!-- Einfügung der Navigation -->
<?php
include 'navigation.php';
?>
</div>
<!-- Content -->
<div id="content">
gfsdfg<br />
a<br />
b<br />
c<br />
d<br />
e<br />
f<br />
g<br />
</div>
</body>
</html>
Hier noch den Style
Code:
html, body {
}
#logo
{
float: left;
}
.home
{
margin-top: 56px; margin-left: 10px; float: left; background-image: url(Bilder/navigation/home_inaktiv.png);
}
.home:hover
{
background-image: url(Bilder/navigation/home_aktiv.png);
}
.home_aktiv
{
margin-top: 56px; margin-left: 10px; float: left; background-image: url(Bilder/navigation/home_aktiv.png);
}
.artikel
{
margin-top: 56px; margin-left: 10px; float: left; background-image: url(Bilder/navigation/artikel_inaktiv.png);
}
.artikel:hover
{
background-image: url(Bilder/navigation/artikel_aktiv.png);
}
.artikel_aktiv
{
margin-top: 56px; margin-left: 10px; float: left; background-image: url(Bilder/navigation/artikel_aktiv.png);
}
#content
{
width: 1016px; height: auto; background-image: url(Bilder/content_bg.png); margin-left: 5px;
}
Also kurz ich will, dass der content div unter dem header div (nicht eine Ebene sondern nach dem Header) erscheint, ohne die Nutzung von absolute
Da wird sich doch ne Lösung finden lassen
Dieser Beitrag wurde am 09.02.2011 um 23:00:30 Uhr von levinleonard zum 2. Mal editiert.
|
|
|
12.02.2011 19:23 Uhr
|
|
levinleonard
|
User
|
|
registriert
|
09.02.2011
|
wohnt in
|
Stuttgart
|
Beiträge
|
3
|
|
gelöst, ich habe die Seite neu geschrieben, dann gings, kann gescjlossen werden
|
|
|
Seite:
|
1
|
|
|
Powered by
|
Pascal Landau
|
© 2006
|
MyWebsolution.de
|
Designed by
|
Pascal Landau
|
© 2006
|
MyWebsolution.de
|
|
|
|
|
|