wenn es die seite ist, geht es auch bei mir wunderbar.
ansonsten setz die beiden bilder aneinander als 1 bild, und verschieb das hintergrund bild bei hover nur, anstatt ein zweites reinladen zu lassen.
Beiträge von aromatischer
-
-
ja ich hab den 6er IE
aber gut zu wissen das es im 7er richtig aussieht -
ansonsten versuch mal ein max-width: 864px; hinzupacken
-
http://people.freenet.de/uqxtimbl/sinntod/index3.html
so weit ist es bis jetzt, problem ist das es in FF funt, in IE jedoch nicht.
ich hab screenshot gemacht:FF: http://people.freenet.de/uqxtimbl/sinntod/ffscreen.JPG
IE: http://people.freenet.de/uqxtimbl/sinntod/iescreen.JPG
wisst ihr wie ich das problem beheben kann?
-
vielen dank!
ich habe auch schon das nächste roblem, ich werde es später reinstellen
-
ich habs hingekriegt
-
hm, bei mir geht der schwarze balken rechts zuweit im FF, und hat einen zu grossen abstand zur navigation
-
http://img300.imageshack.us/img300/5393/designyo4.png
so solls im endeffekt aussehn
gecodet bis jetzt soweit:
http://people.freenet.de/uqxtimbl/sinntod/index3.html
Html [b]
HTML<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head><title>sinntod.com</title><link rel="stylesheet" type="text/css" href="stylesheet2.css"></head><body><div id="Seite"><div id="Striche_links"><div id="head_abstand"><div id="header"><ul>[*][url='#']Home[/url][*][url='#']News[/url][*][url='#']Gallery[/url][/list]<ul>[*][url='#']Downloads[/url][*][url='#']Tutorials[/url][*][url='#']Music[/url][/list]<ul>[*][url='#']About[/url][*][url='#']Impressum[/url][*][url='#']Links[/url][/list]</div></div></div></div></body></html>
[b] Css:
Code
Alles anzeigendiv#Seite { margin-top: 10px; margin-left: 10px; width: 588px; background: #ffffff url(pink_border.gif) repeat-y; padding-left: 8px; overflow: hidden; } #Striche_links { border-left-width:1px; border-left-style:dotted; border-color:black; } #head_abstand { height: 65px; } #header { padding-top: 0px; background: url(logo.gif) no-repeat; height: 58px; padding-left: 230px; padding-right: 0px; font-family: Tahoma, Arial, Verdana; font-size: 9px; margin: 0 0 0 5px; width: 560px; border-bottom-width: 4px; border-bottom-style:solid; border-color:black; overflow: hidden; } #header a { text-decoration: none; display: block; color: white; background: #000; background-image: url(pfeil.gif); background-position: 3px 4px; background-repeat: no-repeat; padding: 2px 2px 0px 6px; margin: 2px 1px; letter-spacing: 1px; text-indent: 8px; } #header a:hover { background: #f400c4; background-image: url(pfeil.gif); background-position: 3px 4px; background-repeat: no-repeat; } #header ul { list-style: none; float: left; width: 110px; margin: 0px; padding: 0px; } #header li { margin: 0px; padding: 0px; }
im IE schauts soweit(bei mir somindestends) richtig aus, im FF jedoch nicht
/e: hatte html code vergessen