Lasse Jensen wrote:
> Den blå boks øverst er den med float på, og logo'et nedenunder i venstre
> side er billedet med position: absolute..
>
> Min CSS:
>
> #topbar {
> float: left;
> margin-top: 72px;
> height: 52px;
> width: 100%;,
> background-image:url(
http://www.webweaver.dk/billeder/top_bar.jpg);
> background-repeat: repeat-x;
> z-index: 1;
> }
>
> #logo {
> position:absolute;
> left: 10px;
> top: 20px;
> z-index: 2;
> }
>
> HTML filen:
>
> <div id="topbar">Test...</div>
> <div id="id"><img src="
http://www.webweaver.dk/billeder/banner.jpg"
> alt="Webweaver.dk"></div>
>
Der er så vidt jeg hurtigt kan se 2 løsninger:
1)
Giv #topbar egenskaben position:relative. Sæt
billedet ind i #topbar og positionér det i
forhold til #topbar. Eventuelt top:-20px eller
lignende, hvis du vil have det til rage ovenud
af det blå bånd.
2)
Drop float-egenskaben for #topbar, positionér
begge elementer absolut og giv resten af indholdet
en passende margin-top.
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..