Live-Ticker
 Community
menu Registrieren menu Mitglieder Login menu Chat menu Flirtsuche menu Forum menu Shop
 Schule & Uni
menu Referate
 Informationen
menu FAQs
 Statistik
Mitglieder397.325
Neue User22
Männer195.777
Frauen194.717
Online4
Referate12.458
SMS-User59.003
Forenbeiträge3.080.539
 Neue Mitglieder
  • Profilbild von teamsia8

    Weiblich teamsia8
    Alter: 18 Jahre
    Profil

  • Profilbild von teamsia

    Weiblich teamsia
    Alter: 16 Jahre
    Profil

  • Profilbild von philippa0701

    Weiblich philippa0701
    Alter: 30 Jahre
    Profil

  • Profilbild von melli0201

    Weiblich melli0201
    Alter: 16 Jahre
    Profil

  • Profilbild von Ottilisl

    Weiblich Ottilisl
    Alter: 13 Jahre
    Profil

  • Profilbild von Dyna6

    Maennlich Dyna6
    Alter: 16 Jahre
    Profil

  • Profilbild von jonic12

    Maennlich jonic12
    Alter: 14 Jahre
    Profil

  • Profilbild von leuchtendleer

    Weiblich leuchtendleer
    Alter: 16 Jahre
    Profil

  • Profilbild von Tessler

    Maennlich Tessler
    Alter: 30 Jahre
    Profil

  • Profilbild von Derudo453

    Weiblich Derudo453
    Alter: 16 Jahre
    Profil

     
Foren
Computer & Internet
Forum durchsuchen:

 
Thema:

Opera - Darstellungsfehler?

(872x 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...

4 Mitglieder online