Textplacering i floatad div

2004-05-03 10:47

Medlem

Plats: Växjö
Registrerad: Maj 2002

●

Textplacering i floatad div

Tjena jag har ett problem, har 2 css boxar jämte varandra (float left på båda) och texten i den högra boxen placeras olika i IE och firefox.
bild:

W3C gillar all min kod också.
Vad är problemet?

Visa signatur

!
!
!

Rapportera Redigera

Citera flera Citera

2004-05-03 11:16

Permalänk

UndCon

Medlem

Registrerad: Jul 2001

●

problemet är väl som vanligt...fel på webbläsarna

kolla lite statistik för vilka webbläsare som används, strunta i alla mindre...

min statistik hittils denna månad (idag 3e maj)
# Hits % Visits Browser
1 239 67.71 27 Internet Explorer 6.x
2 80 22.66 9 compatible Mozilla/5.x
3 8 2.27 0 Mozilla 1.6x
4 7 1.98 4 Googlebot 2.x
5 6 1.70 2 Internet Explorer 5.x
6 3 0.85 2 grub-client-1.5.3
7 2 0.57 2 compatible Mozilla/4.x
8 2 0.57 0 Netscape 7.x
9 1 0.28 0 Vagabondo/2.0 MT
10 1 0.28 1 W3C_Validator/1.305.2.12 libwww-perl/5.6...
11 1 0.28 1 compatible Mozilla/3.x
12 1 0.28 1 NextopiaBOT (+http://www.nextopia.com) d...
13 1 0.28 0 Vagabondo/2.0 MT (webagent at wise-guys ...
14 1 0.28 1 Vagabondo/2.2

blir svårt att läsa när man kopierar en tabell så här men IE6 har 67,7%

nästa ligger på 22,6% (Mozilla/5.x)

de andra struntar jag i

klistra in din css kod så är det lättare för alla att lösa dina problem

Visa signatur

Har varit på detta forum på tok för länge...

Rapportera Redigera

Citera flera Citera

2004-05-03 11:32

Permalänk

BananJan

Medlem

Plats: Växjö
Registrerad: Maj 2002

●

Ok, här kommer en bit kod:

div.cont
{
margin-left: auto;
margin-right: auto;
width: 720px;
background-color: #FFFFFF;
}

div.top
{
height: 65px;
background-color: #FFFFFF;
border-bottom: #FF6633 dashed 1px;
}

#meny
{
height: 100px;
width: 100px;
float: left;
background-color: #FFFFFF;
font-weight: bold;
font-size: 12px;
}

#in
{
border-left: #FF6633 dashed 1px;
float: left;
height: 100px;
width: 609px;
background-color: #FFFFFF;
padding-left: 10px;
}

<div class="cont">
<div class="top">
<img src="images/logo.png" alt="logo" />
</div>
<div id="meny">
<ul>
<li><a href="test.html">Hem</a></li>
<li><a href="tasft.html">Hejsan</a></li>
<li><a href="test.html">Hej</a></li>
<li><a href="test.html">Hi!</a></li>
</ul>
</div>
<div id="in">
<h3>Test</h3>
sasad
</div>
</div>

Visa signatur

!
!
!

Rapportera Redigera

Citera flera Citera

2004-05-03 12:16

Permalänk

m0REc

Hedersmedlem

Plats: Stockholm
Registrerad: Dec 2002

●

är det meny du ska ha så där? prova med

#meny
{
height: 100px;
width: 100px;
float: left;
background-color: #FFFFFF;
font-weight: bold;
font-size: 12px;
position: relative;
margin-top: 20px; eller
top: 20px;
}

byt ut 20px mot egna värden...

Visa signatur

Vim
Kinesis Classic Contoured (svart), Svorak (A5)
Medlem i signaturgruppen Vimzealoter.

Rapportera Redigera

Citera flera Citera

2004-05-03 12:49

Permalänk

axoneN

Medlem