Seite 2 von 2

Re: CSS Code Fehler in Transparenter DIV BOX

Verfasst: Mi 28. Dez 2011, 09:04
von peku
Danke jetzt habe ich den Code verstanden also doch margin wuste nicht das ich alle margin befehle schreiben muss.
Habe diesen Code bei "Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>)"

Code: Alles auswählen

<p>
  <style type="text/css">

body {
background-attachment: fixed;
background-image: url(http://file1.npage.de/009163/92/bilder/opel-calibra-2009-car-wallpaper.jpg);
background-position: center;
background-repeat: repeat;
color: #ff8000;
font-family: "Comic Sans MS", "Arial Black";
font-size: 16px;
text-align: center;
}
div.transbox
{
width:60%;
height:auto;
background-color:#ffffff;
border:1px solid black;
padding: 20px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;

text-align:center;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
</style></p>
nur wie macht man das mit den verschieden User Auflösungen ? hatte ja schon ein Tread zu Desing aufgemacht die Div Boxen Stimmen ja jetzt.
habe keine lust noch mehr zu lesen bein Kopf Platz ja bald :II

mfg Patric

Re: CSS Code Fehler in Transparenter DIV BOX

Verfasst: Mi 28. Dez 2011, 12:41
von moni
schön das die div boxen OK sind...
habe deine Seite in 1024 Auflösung angeschaut und hier die bilder...
Bild

Bild

muss am besten die breiten vom den Video und News ändern...nur frage mich wie geht das mit dem News :E :E
oder erhöhe einfach die breite vom dem div ...jetzt ist auf 60%...teste mal einfach was am besten passt

allerdings in Größen Auflösung passt alles super gut aus her das mit dem Video ist auch zu breit !!

Re: CSS Code Fehler in Transparenter DIV BOX

Verfasst: Mi 28. Dez 2011, 12:58
von sansiro
Hallo Peku,

es gibt 3 Arten von Layouts. 1. Fixed Layout (Werte werden in Pixeln angegeben. Diese (absolute) Größen reagieren nicht auf Veränderungen von Fenster und Schriftgrößen. Beispiel: div { width: 300px; height: 300px:}

2.Liquid Layout: Längenangaben passen sich der jeweiligen Fensterbreite an. Angaben erfolgen in Prozenten.
Beispiel: div{width: 60%;}


3.Elastic Layout: passt sich der jeweiligen Schriftgröße an. Die Angaben werden in em notiert.
Beispiel: div {width: 15em;}


Such Dir das passende für Deine Vorstellungen aus. Hilfestellungen gibt es jede Menge im Netz.

LG Sansiro

Re: CSS Code Fehler in Transparenter DIV BOX

Verfasst: Mi 28. Dez 2011, 22:35
von peku
Jetzt bin ich ganz perplex und verwirrt :K
ich werde es versuchen das so hinzubekommen wie ihr das beschreibt ich melde mich wieder wenn was nicht geht :DA

mfg Patric