Logo - MyWebsolution.de
User gesamt  :  2386473
User online  :  4
KubaSeoTräume, PHP Forum, PHP Community and more ... MyWebsolution.de!
   
   
 
Registrieren Login User F.A.Q Suche Home

eingeloggt bleiben

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.
Profil ansehen
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
Profil ansehen
Seite: 1 no reply
Powered by Pascal Landau © 2006 MyWebsolution.de
Designed by Pascal Landau © 2006 MyWebsolution.de
 
 
 
 
Home Email Impressum Disclaimer Statistik