div problem
15 svar · 542 visningar · startad av Thistel
Ingen som har ngt tips eller lösning?
jag kör IE och jag får kännslan av att den bit som fattas är lika hög som menyn. Kolla om det finns något samband där. Kan typ inget om div men det kanske kan vara nån hjälp?
.div_meny { background:#FFFFFF}
.div_main {overflow: auto;height: 100%;}
div_main kanske inte ska vara 100%?
Har testat att ändra height men det blir inte rätt ändå. Sidan anpassar sig inte efter fönsterstorlek.
men har du testat ta bort meny div:en tillfälligt bara för att se om det är den som strular till det?
Jupp..får i princip samma fel ändå.
Hmm..ingen som har ngt tips? Då får det bli frames igen.
Vad som helst men inte frames ;)
Posta lite kod så kanske det är nån som kan hjälpa dig.
r/ ja okej då man kan kolla på view source... Sätt border eller bakgrundsfärg på divarna så är det lättare för dig att se vad som blir fel. Vid en snabb koll så har du blandat tabeller och divar. Antingen eller, välj ett av dem.
Html koden för sidan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="flygvapnet, viggen, draken, aj37, ja37, j35, sk">
<meta name="description" content="Samlingssida för flygplan som finns och funnits i svenska flygvapnet">
<TITLE>=\SWAF - Swedish Air Force/=</TITLE>
<style type="text/css">
<!--
body {
scrollbar-face-color: #87A4DE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #87A4DE;
scrollbar-darkshadow-color: #87A4DE;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF
}
-->
</style>
<style type="text/css">
<!--
a:link { text-decoration: none; color: #000000}
a:visited { text-decoration: none; color: #000000}
a:active { text-decoration: none; color: #000000}
a:hover { color: #FFFFFF; background-color: #B0C4DE}
-->
</style>
<LINK REL="stylesheet" HREF="swaf2.css" TYPE="text/css">
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
function dailyImage() {
adImages = new Array("banner-1e.jpg", "banner-1a.jpg", "banner-1c.jpg", "banner-1f.jpg",
"banner-1h.jpg", "banner-1i.jpg", "banner-1k.jpg");
now = new Date();
num = now.getDay();
num %= adImages.length;
if(document.adBanner) {
document.adBanner.src=adImages[num]
}
}
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" onLoad="dailyImage()">
<div align="center">
<div class="div_meny">
<TABLE width="68%" border="0" cellspacing="0" cellpadding="3" align="center">
<TR>
<TD><A href="main.htm" target="mainframe"><IMG src="swafver2color08bh74.jpg" width="115" height="74" border="0" alt="www.swaf.se"></A></TD>
<TD colspan="4"><IMG src="banner-1e.jpg" width="740" border="1" NAME="adBanner" ALT="Ny bild varje veckodag!" height="75"></TD>
</TR>
<TR bgcolor="#EFEFEF">
<TD colspan="5">
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD><FONT size="2" face="Verdana, Arial, Helvetica, sans-serif"><A href="http://w1.465.telia.com/%7Eu46506466/Svenska/Sstart.htm" target="mainframe"><FONT size="-7">.35
draken</FONT></A><FONT size="-7" color="black"> | <A href="http://hem.passagen.se/weasle/swe_index.html" target="mainframe">.37
viggen</A> | <FONT color="#CCCCCC">.39 gripen</FONT></FONT></FONT></TD>
<TD>
<DIV align="right"><FONT size="-7" face="Verdana, Arial, Helvetica, sans-serif" color="black">.foton
| <A href="shop.htm" target="mainframe">.shop</A> | <A href="links.htm" target="mainframe">.länkar</A></FONT></DIV>
</TD>
<TD>
<DIV align="right"><FONT size="-7" face="Verdana, Arial, Helvetica, sans-serif" color="black"><A href="copy.htm" target="mainframe">.©</A>
|<A href="update.htm" target="mainframe"> .uppdaterat</A> |
.stats | <A href="contact.htm" target="mainframe">.kontakt</A>
| <A href="om.htm" target="mainframe">.om</A></FONT></DIV>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</div>
</div>
<div class="div_main"><BR>
<div align="center">
<div class="div_faktatext"> <FIELDSET> <LEGEND> <B class="faktarubrik">Nyheter</B>
</LEGEND>
<BLOCKQUOTE>
<P class="faktatext">Välkommna till SwAF.<br>
Här på SwAF har vi tänkt publicera fakta, foton och historik kring de
flygplan som Svenska Flygvapnet haft och har. Tyngdpunkten kommer att
ligga på jetplan och modern tid. </P>
<div class="div_faktatext_leftcolum"><IMG src="3712black.jpg" hspace="10" border="1" alt="37412 ViggenOrden"></div>
<div class="div_faktatex"> JA 37 Viggen(37412) från F4 målades i en matt-svart
färg och med guld färgade markeringar.....Makeringarna på ovansidan
är så gjorda att de härmar märket till Viggen orden.</div>
<div class="div_faktatext_left"><BR>
<BR>
Exempel på detta kan vara nya bilder som lagts in, ny info, etc. <A href="http://www.johans.tk" class="faktatext">Testlänk</A><BR>
<BR>
</div>
</BLOCKQUOTE>
</FIELDSET> </div>
</div>
<P>TEST </p>
<P><A href="http://www.johans.tk">TESTlänk</A> </p>
<P><FONT color="#49535D">TEST</FONT> </p>
<P><FONT color="#6B6E73">TEST</FONT> </p>
<P>TEST </p>
<P>TEST </p>
<P>TEST </p>
<P>TEST </p>
<P>TEST </p>
<P>TEST </p>
<P>TEST </P>
<DIV align="center"><SPAN class="faktatext">Publicerad: 11/17/2004 Uppdaterad:
<!-- #BeginDate format:Am3 -->12/15/2004<!-- #EndDate -->
<BR>
Kontakta SWAF | <A href="om.htm">Om SwAF</A> | <A href="copy.htm">Copyright</A>
© SwAF 2004 All rights reserved</SPAN><BR>
<a href="http://validator.w3.org/check?uri=referer"><img border="0"
src="valid_html401.png"
alt="Valid HTML 4.01!"></a> </DIV>
<div class="fakatext"><br>
1<br>
2<br>
3<br>
4<br>
5<br>
6</div>
</div>
</BODY>
</HTML>
Css koden:
BODY { background-image: url(insignia.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
color: #0000FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 0cm;
margin-right: 0cm;
margin-top: 0cm;
overflow-y: hidden;padding: 0;
scrollbar-base-color: #87A4DE;
scrollbar-face-color: #B0C4DE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #87A4DE;
scrollbar-darkshadow-color: #B0C4DE;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF }
H1 { font-family: Arial; font-size: 30pt; font-weight: bold; color: #8000FF }
H2 { font-family: Arial; font-size: 20pt; font-weight: bold }
H3.bold { font-family: Arial; font-size: 10pt; font-weight: bold }
H3.italic { font-family: Arial; font-size: 10pt; font-weight: italic }
H3.grey { font-family: Arial; font-size: 10pt; font-weight: normal; color: #CCCCCC }
H3.white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF }
P { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal }
B.white { font-family: Arial; font-size: 8pt; font-style: italic; color: #FFFFFF }
B.blue { font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000FF }
a:link { text-decoration: none; color: #565A5D}
a:visited { text-decoration: none; color: #000000}
a:active { text-decoration: none; color: #000000}
a:hover { color: #FFFFFF; background-color: #B0C4DE}
.faktarubrik { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #6B6E73}
.faktatext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #7B8085}
.faktatextbold { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333 }
.contactbackground { background-color:transparent; border: 1px dotted }
.skickaknapp { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-style: normal;
font-weight: normal;
color: #666666;
background-color:transparent;
border: #0099CC;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px}
.div_faktatext { margin:auto; text-align: left;
width: 75%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #7B8085}
.div_faktatext_leftcolum { margin:auto; text-align: left;
width: 40%;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #7B8085}
.div_faktatext_right { margin:auto; text-align: left;
width: 60%;
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #7B8085}
.div_faktatext_left { margin:auto; text-align: left;
width: 75%;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #7B8085}
.div_meny { background:#FFFFFF}
.div_main {overflow: auto;height: 100%;}
Lägg all CSS i externa filen. Rensa bort hälften av divarna, de behövs inte.
Å andra sidan ligger menyn faktiskt kvar i FF :)
Jo jag har upptäckt att den ligger kvar nu med men varför syns inte hela sidan?
Oj..ett stavfel. Iofs så spelade det ingen roll. de sista raderna syns inte..de ligger liksom utanför webläsaren.
Provade tabort det, ändra till overflow: auto; mm..blir samma skumma fel. Sista raderna syns inte trotts att man scrollar. Provde ändra height med men det var samma där.
Det får bli frames. Kan inte bli enklare att få den funktion på siten som jag vill ha. :birp