CSS Code Fehler in Transparenter DIV BOX

Beitrag von **peku** » Mi 28. Dez 2011, 09:04

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

mfg Patric

Beitrag von **moni** » Mi 28. Dez 2011, 12:41

schön das die div boxen OK sind...
habe deine Seite in 1024 Auflösung angeschaut und hier die bilder...
Bild

muss am besten die breiten vom den Video und News ändern...nur frage mich wie geht das mit dem News

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 !!

Beitrag von **sansiro** » Mi 28. Dez 2011, 12:58

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

Beitrag von **peku** » Mi 28. Dez 2011, 22:35

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

mfg Patric

HomepageHelfer.org

CSS Code Fehler in Transparenter DIV BOX

Re: CSS Code Fehler in Transparenter DIV BOX

Re: CSS Code Fehler in Transparenter DIV BOX

Re: CSS Code Fehler in Transparenter DIV BOX

Re: CSS Code Fehler in Transparenter DIV BOX

Wer ist online?