7 svar · 357 visningar · startad av Fredde Mannen
gaaaaaaaaaargh... vad göra? Det är inte klokt
har en tabell i en div som har overflow: auto; , visst detta funkar fint så länge det inte är mer text än diven är hög, när det blir mer text än diven är hög får jag detta resultat i FF:
och följande resultat i IE:
?? what to do, liksom? tips?
HTML-koden.
<div id="BigContent"><table><tr><td><b>Contact me -</b> A way to get in thouch.<br>
If have some kind of buisness or wish only to say hello. You
can use the form below.
<br><br>
<b>Link me</b><br>
If you wish to request a linkexchange, use the form below.
You will also find my buttons to put on your site.
<br><br>
<table><tr><td class="middlecontent">
<b>Name</b><br>
<input type="text" class="textrad" name=""><b>*</b><br>
<b>E-mail</b><br>
<input type="text" class="textrad" name=""><b>*</b><br>
<b>Message</b><br>
<textarea name="" class="textruta"></textarea><br><br>
<br>
<b>Site name</b><br>
<input type="text" class="textrad" name=""><b>*</b><br>
<b>Site url</b><br>
<input type="text" class="textrad" name=""><b>*</b><br>
<b>Button url</b><br>
<input type="text" class="textrad" name=""><b>*</b><br>
<b>*</b> Required fields for affiliate request.<br>
<input type="submit" name="submit" value="Send" class="button">
<input type="reset" name="reset" value="Reset" class="button"><br><br>
<br>
<img src="banner/banner.gif" width="88" height="31">
<img src="banner/banner.gif" width="88" height="31">
<img src="banner/banner.gif" width="88" height="31">
</td></tr></table></td></tr></table>
</div>
classarna och de omdefinerade html-taggarna som används. Resultatet av detta funkar alldels utmärkt i FF som ni såg. MEN i IE så blir det så där flummigt!
#BigContent {
position: relative;
border: dotted 1px #949494;
width: 402px;
height: 358px;
margin-right: 10px;
margin-top: -270px;
float: right;
overflow: auto;
}
.middlecontent {
margin: 0px;
padding: 0px;
text-align: center;
width: 80%;
border: none;
}
table {
height: 100%;
width: 100%;
padding: 1px;
margin: 0px;
border: none;
}
td {
vertical-align: text-top;
font-family: verdana, arial;
font-size: 10px;
color: #161616;
background-color: #949494;
margin: 0px;
}
Så nu har ni fått koderna.
formulärtaggarna saknas dock... men de är inte väsentliga i detta fall..
Testa att lägga till
<?xml version="1.0" encoding="ISO-8859-1"?>
högst upp på sidan.
/RED
....om du nu kör XHTML alltså.
Kör du HTML 4.0 blir det en annan lösning,
Har du ingen DOCTYPE alls får du lägga in en.
Se utförlig beskrivning:
http://www.webforum.nu/showthread.php?s=&postid=960227#post960227
Insider skrev:
Testa att lägga till
<?xml version="1.0" encoding="ISO-8859-1"?>högst upp på sidan.
/RED
....om du nu kör XHTML alltså.
Kör du HTML 4.0 blir det en annan lösning,
Har du ingen DOCTYPE alls får du lägga in en.Se utförlig beskrivning:
http://www.webforum.nu/showthread.php?s=&postid=960227#post960227
gaaargh... aah tack, de löste problem nummer 1, men skapade samtidigt ett annat problem.. nu är inte min maindiv centrerad som den var från början i IE... :l
Hur löser man detta i HTML 4.01 då?
body {
margin:0;
padding:0;
text-align:center
}
#maindiv {
margin:0 auto;
width:750px;
text-align:left
}
Fredde Mannen skrev:
Hur löser man detta i HTML 4.01 då?
Lägg in:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Logiskt va? ;)
Insider skrev:
Fredde Mannen skrev:
Hur löser man detta i HTML 4.01 då?
Lägg in:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">Logiskt va? ;)
daaaah... :P