✔ 2 knifflige CSS-Positionierungs-Fragen

[DjMG]

Hallo liebe Community!

Zu meinem aktuellen Projekt habe ich 2 Fragen, die HTML/CSS betreffen.
Alles andere klappt soweit. Zum Thema:

Der Link zum Online-Anschauen:
http://mynokia.at/djmg/poolworld/

1) Das Hintergrundbild (der radiale Verlauf von weiß auf blau) sollte etwas mittiger (vertikal) positioniert sein. Der ist mir zu weit oben. Wie kann ich das background-image per pixel genau positionieren bzw. weiter runter schieben?

2) Im Internet-Explorer gleicht alles dem Firefox. Bis auf eines. Die Service-Box.
Warum rückt der IE diese Überschriften nicht auch nach innen in die Box?


Soll ich den HTML bzw. CSS Code auch posten?
Da die Page ja online ist, könnte man es auch direkt dort sehen.
Ansonsten reiche ich diesen nach.

Ich freue mich übere eure Tipps

lg Uli

 

[Maik]

Hi,

• Siehe hierzu background-position (Hintergrundposition)
  

body {
  margin: 0px auto;
  padding: 0px;
  background-color: #25a9cf;
  background-image: url(images/bg.jpg);
  background-position: center /* hier wird mit einem zweiten Wert die vertikale Position definiert */;
  background-repeat: no-repeat;
  
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
}

• Das <p>-Element muß mit clear:left formatiert werden, um das Umfliessen von box_title_left (float:left-Deklaration) abzubrechen:
  

#service p{
	padding: 40px 10px 0px 20px;
	color:#333333;
	font-size:12px;
    clear:left; /* Erzwingt bei float:left die Fortsetzung unterhalb */
 }

Desweiteren fehlt hier dem schliessenden </span>-Tag die >-Klammer:

<span>Unsere Leistungen für Sie sind:</span

mfg Maik

 

[DjMG]

Super!
Vielen Dank, hat geklappt

Falls weitere Fragen auftauchen sollten, stelle ich sie wieder hier im Beitrag.
Ich sehe schon ... hier sind fähige Leute am Werk.

lg Uli

 

[Maik]

Ich sehe schon ... hier sind fähige Leute am Werk.

Vielen Dank für die Blumen

mfg Maik