Problem mit div und CSS-Positionierung



  • Momentan entwickele ich eine HP, bei der die Navigation un die Hauptseite per CSS positioniert werden. Ich habe mir das Ganze mit NC, IE und Firefox angesehen. Beim IE ist alles normal (außer das die Texte viel kleiner dargestellt werden). Aber NC und Firefox schieben den Contenbereich nach unten. Ich mutmaße mal, dass das daran liegt, dass ich die einzelnen Bereiche in verschiedene <div id=""> gepackt habe. Wie kann ich das ändern?

    mfg und thx
    Glamdring



  • es würde sehr helfen wenn wir die seite sehen können



  • Vorweg gebe ich aber diesen Link, die Beispiele dort haben mir sehr geholfen, als es um Design mit CSS ging:

    http://barrierefrei.e-workers.de/workshops/spalten/zweispalter_links_rel.html



  • ist momentan, wie gesagt noch in Entwicklung und aher nicht online, aber ich kann ansatzweise den Quellcode angeben:

    <?php 
    	session_start();
    	include("user.php"); //enth&auml;lt die Funktion eingeloggt
    ?>
    <?php echo "<?xml version=\"1.0\" encoding=\"iso-8859\" ?&gt;"; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>
    Titel
    </title>
    <link name="stil" type="text/css" rel="stylesheet" href="Style/style.css"/>
    <script language="JavaScript" src="JS/scripts.js" type="text/javascript" charset="iso-8859">
    </script>
    </head>
    <body class="body">
    <?php 
    	if(!eingeloggt())
    	{
    ?>
    <div class="menu">
    <!--Men&uuml;-->
    </div>
    <span class="main">
    <p id="over"><!--Bild--></p>
    <div id="bigga">
    <!--Navigation-->
    </div>
    <br />
    <br />
    <p id="over">Willkommen auf der Homepage von Mia</p>
    <br />
    <p id="text">Text
    </p></span></span>
    
    <?php 
    	}
    	else
    	{	
    ?>
    <?php 
    	}
    ?>
    </body>
    </html>
    

    So in etwa dürfgte das aussehen. Das erste div ist links(ca. 30%), das zweite (ca. 70%) Rechts. Die Link liegen überm Text.

    nochma thx und mfg
    Glamdring



  • Du solltest uns dann schon auch die Stylesheets zeigen - außerdem würden wir mit dem HTML-Output mehr anfangen als mit dem PHP-Code (der hat ja damit eigentlich nichts zu tun)



  • Ok, habs hier online gestellt, sry ist von lycos (bzgl. Werbung 🙄 )
    www.mitglied.lycos.de/glamdrink/screen.jpg

    mfg
    Glamdring



  • Moin,
    mir ist noch aufgefallen, dass ich, wenn ich die HP mit firefox öffne und irgendwohinklicke, das alles sich verzieht und der TExt kleiner wird etc. was ist das und wie macht manns weg?

    mfg
    Glamdring


Anmelden zum Antworten