Live-Ticker
 Community
menu Registrieren menu Mitglieder Login menu Chat menu Flirtsuche menu Forum menu Shop
 Schule & Uni
menu Referate
 Informationen
menu FAQs
 Statistik
Mitglieder400.050
Neue User1
Männer197.099
Frauen196.120
Online1
Referate12.458
SMS-User59.003
Forenbeiträge3.080.597
 Neue Mitglieder
  • Profilbild von Taby1245

    Maennlich Taby1245
    Alter: 25 Jahre
    Profil

  • Profilbild von Haxogx

    Maennlich Haxogx
    Alter: 19 Jahre
    Profil

  • Profilbild von haxog

    Maennlich haxog
    Alter: 31 Jahre
    Profil

  • Profilbild von eskmash

    Weiblich eskmash
    Alter: 31 Jahre
    Profil

  • Profilbild von mashesk

    Weiblich mashesk
    Alter: 31 Jahre
    Profil

  • Profilbild von nassimesk

    Weiblich nassimesk
    Alter: 30 Jahre
    Profil

  • Profilbild von KannNichtArbe

    Maennlich KannNichtArbe
    Alter: 94 Jahre
    Profil

  • Profilbild von MarvinKann

    Maennlich MarvinKann
    Alter: 93 Jahre
    Profil

  • Profilbild von Eyaz

    Maennlich Eyaz
    Alter: 14 Jahre
    Profil

  • Profilbild von friedaa

    Weiblich friedaa
    Alter: 15 Jahre
    Profil

     
Foren
Computer & Internet
Forum durchsuchen:

 
Thema:

Opera - Darstellungsfehler?

(883x gelesen)

Seiten: 1 2

Du mußt dich registrieren, bevor Du einen Beitrag bzw. eine Antwort erstellen kannst.

Beitrag von das_micha

27.12.2006 18:47:14

das_micha

Profilbild von das_micha ...

is nix dramatisches! is ein css bug!
haste icq! hier is sonst etwas zeitraubend zu erklären!

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von player_87

27.12.2006 18:48:15

player_87

player_87 hat kein Profilbild...

css is jetzt auch net ganz meine welt, von daher bitte doch öffentlich^^

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von Andrews

27.12.2006 18:51:33

Andrews

Profilbild von Andrews ...

Themenstarter
Andrews hat das Thema eröffnet...

Ja, ich hab ICQ

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von hennink

27.12.2006 18:53:45

hennink

Profilbild von hennink ...

im body {} das float:left; wegnehmen

body {
font-size:85%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background: url(images/body-background.png) repeat-y top center;
}

: )

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von Andrews

27.12.2006 18:55:38

Andrews

Profilbild von Andrews ...

Themenstarter
Andrews hat das Thema eröffnet...

Dankee @ hennink

Jetzt gehts^^

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von das_micha

27.12.2006 18:57:20

das_micha

Profilbild von das_micha ...

ok, also zu allererst mal, is der ganze aufbau schon in sich die größte fehlerquelle
die div-tags sind generell von der verschachtelung ähnlich dem der tabellen.
der body-tag wird in diesem fall nur für die haupteinstellungen die dokumentübergreifend identisch sein sollen genutzt! sprich schriften mit ihrer beschaffenheit.

um den content generell auszurichten wird im simpelsten fall ein quasi master div gesetzt z.b.

<div id="div_main">
gesamter content
</div>

dieser bekommt als css definition

#div_main {
width: 800px; /* breite des contents
margin-left: auto; /* zentriert von links
marign-right: auto; /* zentriert von rechts
}
fortsetzung folgt gleich

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von das_micha

27.12.2006 19:45:06

das_micha

Profilbild von das_micha ...

so, jetzt gehts weiter!

generell is zu sagen das die div-tags wie in html von oben nach unten abgearbeitet werden!
die gerne verwendete float definition sagt an sich schon was sie tut die lässt umfliessen!!!
man kann aber div-container damit links und rechts positionieren! was aber auch gewisse brwoserabhängige schwierigkeiten mit sich bringt.

hier mal ein kleines script incl eingebautem css für ein layout mit head, footer block links, block rechts und content. wer bock hat sollte sich aber auf jedensten: http://de.selfhtml.org/css/index.htm anschauen da steht alles über CSS layouts bis ins detail und super klar verständlich!



/////////////////////////////////////////////////7
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

#div_main {
margin-left: auto;
margin-right: auto;
width: 960px;
}

#div_links {
float: left;
width: 20%;
background-color: #CC9900;
margin-bottom: 10px;
margin-right: 8px;
}

#div_rechts {
float: right;
width: 20%;
background-color: #CC9900;
margin-bottom: 10px;
marig-left: 5px;
}

#div_head {
width: 960px;
height: 150px;
background-color: #6666CC;
}

#div_footer {
position: static;
width: 960px;
height: 50px;
background-color: #6666CC;
}

#div_content {
width: 960px;
height: auto;
background-color: #FFFF00;
}

.
</style>

</head>

<body>

<div id="div_main">
<div id="div_head">dies ist der head</div>
<div id="div_links">links<br />links<br />links<br />links<br />links<br />links<br />links<br />links<br />links<br />links<br /></div>
<div id="div_rechts">rechts<br />rechts<br />rechts<br />rechts<br />rechts<br />rechts<br />rechts<br />rechts<br />rechts<br />rechts<br /></div>
<div id="div_content">luminarium vel Stultus tui, nec Pollex cavus magister pax Famen fines illi Intentio exprimo. An sus agna edo Cuspis for praetermissio per Crudus gelus Abico nox Puerilis exorno cos flebilis mulco Hunnam qui dirunitas ego edo cui. Camur puer fio tam vae at Curto. Os intempestivus villa nam for nam quater sophisma Amitto suo ars per Polliceor, sedatus os formidilose te has, illi ita obruo Infeste his Questus mox se opportunitatus sto appropinquo alica distinguo nutus tutela pio Suffusus si hic exesto tristis Seorsum, to diu Nitor qua Irrisorie ora Orexis. Tutus infervesco Editio saeta his Luctus, his apud Grator manus Edico hic Exsupero libens tumultuarius, bos satago edo to Hinc diligentia Inflo lea ago hac mores Vergo dux Renovatio letalis. No Declino vir excito utercumque Percutio surculus an pie magnificabiliter, tam fodio diurnitas contubernium re removeo Bos Ferme ora sufficientia, per edo mel mare ligamen misericordaliter Consepio St hic at casula, toto pupa an ius. Parco refero abeo solum. Eu do. Occatio frux me mica pro Contactus pie prodigiosus Contagio. tui St cornu edo praetermissio. Te ora to me. Peragro fugo virus Res qui hic ira quatenus/quatinus Perago tui Pronuntio per pio vel superstes sperno. Spero nascor circumvenio ius ineo beneficentia. Sui Innotesco sui cui Lentus perago sem hic Trepido lucus nox fas nos effor via et, appello sed appositus at carus indissolubilis servitium ora lac Vehemens, ita Silex dis Concateno quo sis cur. Cui Concite hic daps, pes cui distinguo crocotula ruo. Sors emitto depopulo Sedulo formido via spero ortus Sarcalogos, vos excello omnis minuo cui Praebeo per nox hic Capulatio. No consentaneus ibi Subsanno ago quibus vos crustulum tam pala Infremo sem Crebra pro ius Perstruo. Vomer tractare proceritas reciproca obex per Hereditas tot Ver peto ait Emiror effluo incrementabiliter Manipulus basilicus cur repletus duo Industria ira via. Heu fas gelidus. Is ius Multi rex. Seu pax. Succumbo laxe improvidus Succendo pax ne d.
<div id="div_footer">dies ist der footer</div>
</div>


</div>


</body>
</html>

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von Playboy83

27.12.2006 19:46:56

Playboy83

Profilbild von Playboy83 ...

mozillaaaaaaaaaaaaaaaaaaaaaa junge......

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Beitrag von das_micha

27.12.2006 19:50:22

das_micha

Profilbild von das_micha ...

lölchen! auch der mozilla is nich das non plus ultra! grade was css angeht! css browserübergreifend gleich zu coden is schon etwas anstrengender denn leider interpretieren es alle anderes! und eigentlich is opera ne ganz manierliche kiste! auf jedensten besser wie f*** IE

Profil | Livenachricht | SMS senden | Gästebuch | Nachricht | Bildergalerie


Seiten: 1 2

Du mußt dich registrieren, bevor Du einen Beitrag bzw. eine Antwort erstellen kannst.

Weitere interessante Beiträge aus dem Forum:
Opera Widget
opera
opera blockt myspace
opera hilfe
opera


Dein Live Messenger LiveMessenger

Diese Funktion ist nur für Mitglieder verfügbar.

Anmelden | Login

Keine neue Nachricht
Jetzt Gratis bei Pausenhof.de registrieren...

1 Mitglieder online