Zur Navigation

probleme mit div

1 zaubercore

hallo ich habe das problem das ein sich eine div bei kleineren auflösungen verschiebt. sollte sich eigentlich rechts befinden verrutscht dann aber nach unten links.

der html teil

<div class="main">
    <div class="links">
         <div><img src="gfx/side_top_left.jpg" style="border: 0px;" /></div>
         <div><a href="index.php?site=news"><img src="gfx/news_unselected.jpg" style="border: 0px;" /></a></div>
         <div><a href="index.php?site=guestbook"><img src="gfx/guestbook_unselected.jpg" style="border: 0px;" /></a></div>
         <div><a href="index.php?site=forum"><img src="gfx/forum_unselected.jpg" style="border: 0px;" /></a></div>
         <div><a href="index.php?site=imprint"><img src="gfx/imprint_unselected.jpg" style="border: 0px;" /></a></div>
         <div><img src="gfx/side_main_left.jpg" style="border: 0px;" /></div>

    </div>
    <div class="mitte">
    <div class="content-mitte"></div>
    <div><?
    if(!isset($site)) $site="news";
    $invalide = array('/','/\/',':','.');
    $site = str_replace($invalide,' ',$site);
    if(!file_exists($site.".php")) $site = "news";
    include($site.".php");
    ?></div>

    </div>
    <div class="rechts">
        <div><img src="gfx/side_top_right.jpg" style="border: 0px;" /></div>
        <div><img src="gfx/side_main_right.jpg" style="border: 0px;" /></div>
    </div>

der CSS teil

.main {
text-align:center;
background-image:url(gfx/background.jpg);
background-repeat:repeat-y;
}
.content-mitte{
    background-image:url(gfx/middle_top.jpg);
    width:600px;
    height:30px;
    background-repeat:no-repeat;
}
.links {
float:left;
border:0px;
}
.mitte{
float:left;

}
.rechts {
float:left;
}

link => http://zaubercore.bplaced.net/filemanager/index.php

(nicht schimpfen ich bin noch am anfang, also könnenstechnisch, beim coden)

gruß zaubercore

08.10.2011 13:22

2 Jörg

Die äußeren Container passen sich der kleineren Auflösung an, so dass nicht mehr genug Platz ist für ein Nebeneinander. Das kannst du verhindern, indem du für die übergeordneten Container (z.B. .main) mithilfe der CSS-Eigenschaft min-width eine ausreichende Mindestbreite definierst.

Deine Doctype-Angabe ist übrigens falsch:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Das ist ja kein Frameset, sondern ein normales HTML-Dokument

08.10.2011 13:44 | geändert: 08.10.2011 13:45

3 Forum

4 Beiträge aus diesem Thread wurden in einen neuen Thread verschoben:

Doctype-Angabe

08.10.2011 14:57

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]