I have som problem whith a float statment in Safari. The right banners (ANNONS) is not in right position instead it is in down - left position. It looks fine in Firefox och Opera....
http://www.dinlokaltidning.se/tv/index. ... ,1,0,0,1,0
/Anders
Small CSS problem
Re: Small CSS problem
Heja Anders,
well, i'm not sure, because i don't have the code completely for testing with Safari (mac/win)
so at first sight --> strange might/could be:
When .sidobanner is the last column --- > it will need NO float (see above).
and - once again - check --> width of all columns! to avoid this "kind of spreading to bottom...."
check your wrappers
many tables?
innehall_wrapp is your --> outer wrap
within this --> let float left:
meny | video | sidobanner
within one wrapper: float left --> meny column | video column |
siodobanner floats but do not need this floating CSS
(when column width was set optimal)
extend <div class="innehall_wrapp"> around meny | video | sidobanner
and then place sidfot BEFORE sidobanner!
well, i'm not sure, because i don't have the code completely for testing with Safari (mac/win)
so at first sight --> strange might/could be:
becausediv.innehall (line 262)
{
float: left;
clear: left;
margin-left: 15px;
}
shall/should float next to "innehall" --> where the floating was cleared!!!div.sidobanner (line 294)
{
float: left; NOT NEEDED!
width: 160px;
height: 360px;
margin-left: 15px;
}
When .sidobanner is the last column --- > it will need NO float (see above).
and - once again - check --> width of all columns! to avoid this "kind of spreading to bottom...."
check your wrappers
many tables?
<body>
<div id="wrapp">
<div class="sidhuvud"> </div> WHATS THIS????
<div class="innehall_wrapp">
<div class="innehall"> guess not needed!?!?!
<div class="meny">
...
innehall_wrapp is your --> outer wrap
within this --> let float left:
meny | video | sidobanner
within one wrapper: float left --> meny column | video column |
siodobanner floats but do not need this floating CSS
(when column width was set optimal)
extend <div class="innehall_wrapp"> around meny | video | sidobanner
and then place sidfot BEFORE sidobanner!