Προς το περιεχόμενο

div fixed σε IE

tromeros dennis

Από τον tromeros dennis
στο Web Design - Development

Προτεινόμενες αναρτήσεις

tromeros dennis Proficient

tromeros dennis

Δημοσ.
Δημοσ.

Καλησπερα!

 

εχω μια σελιδα στην οποια εχω το navigation μεσα σε ενα div που το θελω να "κολαει" κατω κατω στη σελιδα. τα καταφερα σε firefox και opera αλλα σε IE δεν θελει να δουλεψει....

 

εψαξα το google ηδη αλλα δεν καταλαβα και τοσο καλα τη να κανω :confused: :?

 

ελπιζω να μπορειτε να με βοηθεισετε!

 

ps: το div το λενε "navigation"

Hatman Proficient

Hatman

Δημοσ.
Δημοσ.

gia dokimase ayto

 

div.mybottom

{

width:500px;

height:50px;

border: 1px solid #000000;

}

#navigation

{

position:absolute;

padding-left:1em auto;

padding-bottom:10px auto;

background-color:#9999FF;

bottom:0px;

}

 

Vasika koita na to valeis mesa se ena allo div gia na to pas sthn mesh...

spiteo Proficient

spiteo

Δημοσ.
Δημοσ.

Με την επομενη μεθοδο σε ie και ff δεν υπαρχει προβλημα

με το [top] και

κανεις οπου θελεις τοποθετηση

 

 

<div style="Position:absolute; left: 11px; top: 11px; width: 58px; height: 61px;">

 

<!--περιεχομενα -->

 

</div>

 

 

αυτο το λινκ ειναι χρησιμο

http://www.dynamicdrive.com

____________________________________________________

 

 

http://www.betgr.gr

tromeros dennis Proficient

tromeros dennis

Δημοσ.
  • Μέλος
Δημοσ.

@spiteo: το προβλημα ειναι οτι θελω το div να ειναι παντα κατω κατω... ποσω "top" να δοσο δλδ; :?

 

@Hatman:

 

>
div#mybottom
{
width:100%;
height:15px;
border: 1px solid #000000;

}

div#navigation
{
position:absolute;
left:0px;
padding-left:0px;
padding-bottom:0px;
background-color:#333333;
bottom:0px;
border-top:1px solid #666666; 
z-index:99;
}

 

με αυτον τον κοδικο που μου εδοσες και με κατι αλαγες οπως βλεπεις καταφερα το div να ειναι κατω κατω σε οποιο μεγεθος και να ειναι το παραθυρο.

 

μονο οταν κανο scroll στη σελιδα δεν μενει στο κατω μερος της σελιδας αλλα μενει στασημο.

 

κοιταξτε πχ εδω -> http://asg07.de/msc.php ( σε 1024x768 )

tromeros dennis Proficient

tromeros dennis

Δημοσ.
  • Μέλος
Δημοσ.

βεβαιος! λοιπον:

 

το index.php

 

><html><head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>ASG - Abi 2007 "j'ABI dabadoo!"</title>
<META NAME="Language" CONTENT="Deutsch">
<link rel="stylesheet" type="text/css" href="pages/style/style.css">
<link rel="stylesheet" type="text/css" href="pages/style/liste.css">
<link rel="stylesheet" type="text/css" href="pages/style/navigation.css">
<link rel="stylesheet" type="text/css" href="pages/style/news.css">
<link rel="shortcut icon" href="pages/img/favicon.ico" type="image/x-icon">

</head><body>

<div id="header"> </div>

<!-- CONTENT DIV -->
<div id="content">

<?
if($_GET["page"])
	{if(file_exists("".$page.".php"))	{include("".$page.".php");}
else{include("pages/news.php");	}}
else {include("pages/news.php");}
?>

<!-- CONTENT DIV -->
</div>

<?php include("pages/navigation.php"); ?>
</body></html>

 

και το navigation.php

>
<div id="mybottom">
<div id="navigation" align="center">
<table border="0" cellspacing="0" cellpadding="0" id="navigation">
 <tr>
   <td><a href="index.php?page=pages/news">news</a></td>
   <td><a href="index.php?page=pages/liste/liste">stufenliste</a></td>
   <td><a href="msc.php">medien</a></td>
<td><a href="http://forum.asg07.de/">forum</a></td
><td><a href="index.php?page=pages/imprint">imprint</a></td>
 </tr>
</table>
</div>
</div>

 

και το navigation.css

>a:link {text-decoration:none; color:#FFFFFF;}
a:visited {text-decoration:none; color:#FFFFFF;} 
a:active {text-decoration:none; color:#FFFFFF;}
a:hover {text-decoration:none; color:#4e646e; font-weight:bold;}

table#navigation {font-size: 10px; color:#FFFFFF; font-weight: bold; text-align:center; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}

div#mybottom
{
width:100%;
height:15px;
border: 1px solid #000000;
}
div#navigation
{
position:absolute;
left:0px;
padding-left:0px;
padding-bottom:0px;
background-color:#333333;
bottom:0px;
border-top:1px solid #666666; 
z-index:99;
}

 

ελπιζω να βρειτε ακρη, αλλοιως εδω θ αμε κι εγω.

nikosdimos Experienced

nikosdimos

Δημοσ.
Δημοσ.

Έριξα μια ματιά στην σελίδα σου.

 

div#navigation

{

position:absolute;

left:0px;

bottom:0px;

z-index:99;

clear:both;

padding-left:0px;

padding-bottom:0px;

background-color:#333333;

border-top:1px solid #666666;

}

Αυτά που πρέπει να αλλάξεις στο CSS είναι αυτά που έχω επισημάνει με κόκκινο χρώμα, στην θέση τους θα πρέπει να βάλεις αυτό που έχω με πορτοκαλί.

 

Επίσης για να κάνεις align center ένα div του βάζεις σαν attribute το

#divname{

margin: Xpx auto;

}

όπου Χ ο αριθμός των πίξελ που θες να απέχει το div από τα από πάνω του και από κάτω του.

spiteo Proficient

spiteo

Δημοσ.
Δημοσ.

Βγαλε μεσα απο το <Table > to <div> και προσεξε μην το βαλεις μεσα σε αλλο πλαισιο που εχεις ορισει υψος και πλατος

 

βαλε τις επομενες τιμες , κανονικα πρεπει να μενει στο κατω μερος

<div style="Position:absolute; left: 1px; top: 750px; width: 1022px; height: 18px;">

 

<!--περιεχομενα -->

 

</div>

tromeros dennis Proficient

tromeros dennis

Δημοσ.
  • Μέλος
Δημοσ.
Βγαλε μεσα απο το <Table > to <div> και προσεξε μην το βαλεις μεσα σε αλλο πλαισιο που εχεις ορισει υψος και πλατος

 

βαλε τις επομενες τιμες , κανονικα πρεπει να μενει στο κατω μερος

<div style="Position:absolute; left: 1px; top: 750px; width: 1022px; height: 18px;">

 

<!--περιεχομενα -->

 

</div>

να βγαλω δλδ τα div μεσα απο το navigation.php;

 

ναι αν δοσω top: 750px; ελπιζω να μενει κατω. δεν θα ειναι ομως κατω κατω σε οποια αναλυση και να ειναι.

nikosdimos Experienced

nikosdimos

Δημοσ.
Δημοσ.

Η σωστή μορφή του site θα ήταν:

>
<div id="header">

<--! Header Content -->

</div>

<div id="content_wrapper">

<--! Main Content -->

</div>

<div id="navigation" style="clear:both;margin-top:5px;">

<--! Navigation Content -->

</div>

spiteo Proficient

spiteo

Δημοσ.
Δημοσ.

Κατι δεν παει καλα στην διατυπωση του προβληματος

 

Για να μενει σταθερο στο κατω μερος ειναι αλλη διαδικασια

Οτι σου εγραψα μεχρι τωρα ειναι για να ειναι στο κατω μερος της οθονης, αλλα οταν κανεις scroll θα ακολουθει και τα υπολοιπα περιεχομενα αλλα θα παραμενει σαν τελευταιο περιεχομενο οθονης.

 

Κοιτα για παραδειγμα αυτην την σελιδα του forum

H τελευταια γραμμη ειναι η [insomnia.gr 1997-2007] η οποια ακολουθει το scroll και των αλλων περιεχομενων

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...