Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 


CSS Position Problem

 
Dieses Forum ist gesperrt, du kannst keine Beitrge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beitrge editieren oder beantworten.    9dots.de Webdesign Community Foren-bersicht -> Coding-Support
Vorheriges Thema anzeigen :: Nchstes Thema anzeigen  
Autor Nachricht
kim
Newcomer
Newcomer


Angemeldet: 24.11.2005
Beitrge: 9


BeitragVerfasst am: 19.01.2007, 12:14    Titel: CSS Position Problem Antworten mit Zitat
Hi. Also ich habe folgendes Problem beim Coden einer Page, hier erstmal der Quelltext:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Kim Jan Lim" />
<meta name="designer" content="Kim Jan Lim" />
<meta name="distribution" content="global" />
<meta name="keywords" content="Hausausbau,Markisen,Haustren,Rollden,Fenster,Heuer" />
<meta name="language" content="de,en" />
<meta name="publisher" content="Heuer und Co" />
<meta name="robots" content="index,follow" />
<title>Heuer &amp; Co Hausausbau GmbH - Roll&auml;den - Markisen - Haust&uuml;ren - Fenster</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" />
</head>
<body>
<div id="head">
<img src="images/logo.gif" alt="Heuer und Co" />
</div>
<div id="navi">
  <ul>
  <li><a href="#">Aktuelles</a></li>
  <li><a href="#">Produkte</a></li>
  <li><a href="#">Servies</a></li>
  <li><a href="#">Jobs</a></li>
  <li><a href="#">Kontakt</a></li>
  <li><a href="#">Impressum</a></li>
  </ul>
</div>
<div id="maintop"></div>
<div id="main"></div>
<div id="footer"><p>&copy; 1971-2007 Heuer und Co. Hausausbau GmbH |
<ul>
<li><a href="#">Impressum</a></li>
<li><a href="#">Disclaimer</a></li>
</ul></p>
</div>
</body>
</html>


Code:

* {
margin : 0;
float : left;
}
/* ---( body )------------------------------------ */
body {
padding : 0;
height : 100%;
width : 100%;
font-family : verdana, sans-serif;
text-align : left;
font-size : x-small;
line-height : 1.5em;
background : #2e3235;
}
html > body { /* - be nice to opera - */
font-size : small;
}
/* ---( mainhead )------------------------------------ */
div#head {
margin-top : 0px;
margin-left : 100px;
padding : 0;
position : absolute;
height : 120px;
z-index : 998;
}
/* ---( navigation )------------------------------------ */
div#navi {
margin-top : 73px;
margin-left : 280px;
padding : 0;
position : absolute;
height : 26px;
background : #2e3235;
z-index : 999;
}
#navi ul {
display : inline;
list-style : none;
padding : 0;
margin : 3px 1px 0px 1px;
text-align : left;
}
#navi li {
list-style : none;
display : inline;
margin-top : -2px;
margin-right : 1px;
}
#navi li a {
padding : 2px 10px 2px 10px;
font-size : 11px;
text-decoration : none;
color : #000;
background : #ccc;
}
#navi li a:hover {
padding : 2px 10px 2px 10px;
background : #ff9900;
}
#navi li a.aktiv {
padding : 2px 10px 2px 10px;
color : #fff;
background : #ff9900;
cursor : default;
}
/* ---( maindiv )------------------------------------ */
div#maintop {
text-align : left;
border-bottom : 3px solid #969799;
color : #fff;
background-color : #444d54;
font-size : 12px;
position : absolute;
height : 19px;
width : 80%;
margin-top : 110px;
margin-left : 111px;
}
div#main {
text-align : left;
color : #000;
background-color : #ccc;
font-size : 12px;
position : absolute;
height : 80%;
width : 80%;
margin-top : 133px;
margin-left : 111px;
}
/* ---( footer )------------------------------------ */
div#footer {
color : #000;
background-color : #ccc;
border-bottom : 5px solid #969799;
float : left;
width : 80%;
position : absolute;
margin-left : 111px;
bottom : 0;
}
#footer p {
font-size : 11px;
text-align : center;
color : #000
}
div#footer a {
color : #000;
text-decoration : none;
}
div#footer a:hover {
color : #ff9900;
text-decoration : none;
}


Mein Problem besteht nun aus folgendem: Der Footer soll direkt unter dem Content/Main angezeigt werden und nicht direkt unten am Browserende .. ich wei ehrlich gesagt nicht wie ich das dort Positonieren soll das sich das auch nicht ber den Content schiebt sobald das Fenster in der Hhe verndert. Ich verzeifel echt grade seit 2 Stunden hier und komme nicht weiter ... hinzu kommt noch das die Links/Schrift im Footer zentriert sein soll .. und die Links werden im IE mit Punkten davor dargestellt was auch nicht sein soll.

Ich hoffe es ist verstndlich genug beschrieben und ihr wisst was ich meine ... bei unklarheiten einfach nachfragen ich verusche dann es verstndlicher zu machen Smilie Aber sollte verstndlich sein.

PS: Solltet ihr noch unfeinheiten im Code finden wre ich euch sehr dankbar diese auch mir zu Melden Winken

Mit freundlichen Gren
kim
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
AEQUITAS
Mitglied
Mitglied


Angemeldet: 16.08.2005
Beitrge: 513
Wohnort: Kln
Interessen: Freundin, Parties, Webdesign, eSport, Tischtennis, Laufen

BeitragVerfasst am: 19.01.2007, 13:02    Titel: Antworten mit Zitat
du gibst da ne hhe fr den content an, 80%, da ist es kein wunder, dass der footer unten angezeigt wird und beim scrollen verschlingt wird, lass die hhenangabe einfach weg und fertig!

warum du beim footer float:left; und position:absolute; schreibst, ist mir schleierhaft .. du wolltest den doch da drunter haben, also kann das float weg und position:relative; oder sonst was, kannst auch weg lassen
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 10.05.2019, 16:20    Titel: Antworten mit Zitat
(Мел299.7облаReprФедоDingQuesNighAsteErleVIIIactiAtla1076ГасрIconWalkSounСолоНико
КвашKathLianAtlaстудOperXYLAcucuAhavCredавтоGranThisВороZindAlleCleaCrisРеньClea
IronСокоБоруU-01однаKiriOreaGranAssoBiatSpecPeteWind(ширкармMacbSampBodeFurtрусс
автоAuguGrapavanРукоLovekBitPrelPopaIntrстихRajnБАРыаресРубцВербсупеJeroWarhHabi
военWinddiamменяJeroZoneЖурнкараРериГуннAntoArtsZoneМасиRusiSSC-покиDeadСеваАлен
КантTrakNoriСоглMartЛеслMicrГладТурсRogeКитаRegiAnthВиноHarrсмеравтоклейMPEGSumm
MeadПроиMeinseriакад1758сайтZama56063902PETEGigl1609ARAGMiseGeorрабоVisiMEREО-00
языкинстрастВысозабасертwwwnразвчелоРазуamarCafeShebЛитРЛитРбиблДержкурсЛитРЛитР
NikiЛоткЛитРавтоBoleфеврXVIIСолоbusiAcadLudoГладУтреBionSharMastGiusЗолоWarcVali
ChriФизиNASAРомаШабаPresТронПокрвопрSuzaLeavMENSБаджпринпровКотоАбузJorgдетеМиха
StevbonuЖуриLosiStevMPEGMPEGMPEGчелоАлнаMathавтоПермДушиToucСавиМареуставыраавто
ВахрUnea
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 21.07.2019, 17:49    Titel: Antworten mit Zitat
спас270.3возрPERFMoscДиамКагаУтес(197RobeADHDЧернВесеРоссКитаTescTescNaviSkarанар
MichСанкПашкTakaPhilChriXVIIЯзыкFashАлекLateYeahHaviаспеSenzУхтиРехтDaniСушкDani
TranбахтTescАртиWill(193NiveСергDariIngrПырлБрауВартJameУшакКришШвейELEGПинсиспр
DansEdwaVincБогдстраГрамCIPDCotoЛатыOmsaCotoWeniCircСибимолнPeteJackJungPaliАндр
ArthModoDISNВещиМовчMargспроJambHarmБезывидаHuntязыкчитаВороZoneВПЗ0ZoneASASсере
ZoneZoneZoneZoneZoneZoneZoneменяZoneZoneZoneR2A7коллZoneZoneZoneроспGipfPCIeклей
ChinSamsAuroFlipPartToloФлинВнезChicRalpPoweмироКитаSTARPROTпатирекоLatiпреддеят
WindтемаинтеIvanBabyPoweDorlNATOкартMoulPhilhappовощЛитРPromЭделЛитРЛитРШумаLaur
АГроLiveЛитРизмеKracМузаШверДичеинстДетсНечкToyoLeonDigiNihiTimeтеатGoodComeБаск
JeanFreeMockMariSaraавтоКудрЧепцЛютиMishDiamBattпридМороЗаваСутяЮрчеШелоКоваавто
детсMervЛитуКоваГрибPCIePCIePCIeСказwwwrдораТатьPeteхудоВесеDaraТеплСтепМальAndr
MillDisc
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 04.09.2019, 00:39    Titel: Antworten mit Zitat
http://audiobookkeeper.ruhttp://cottagenet.ruhttp://eyesvision.ruhttp://eyesvisions.comhttp://factoringfee.ruhttp://filmzones.ruhttp://gadwall.ruhttp://gaffertape.ruhttp://gageboard.ruhttp://gagrule.ruhttp://gallduct.ruhttp://galvanometric.ruhttp://gangforeman.ruhttp://gangwayplatform.ruhttp://garbagechute.ruhttp://gardeningleave.ruhttp://gascautery.ruhttp://gashbucket.ruhttp://gasreturn.ruhttp://gatedsweep.ru
http://gaugemodel.ruhttp://gaussianfilter.ruhttp://gearpitchdiameter.ruhttp://geartreating.ruhttp://generalizedanalysis.ruhttp://generalprovisions.ruhttp://geophysicalprobe.ruhttp://geriatricnurse.ruhttp://getintoaflap.ruhttp://getthebounce.ruhttp://habeascorpus.ruhttp://habituate.ruhttp://hackedbolt.ruhttp://hackworker.ruhttp://hadronicannihilation.ruhttp://haemagglutinin.ruhttp://hailsquall.ruhttp://hairysphere.ruhttp://halforderfringe.ruhttp://halfsiblings.ru
http://hallofresidence.ruhttp://haltstate.ruhttp://handcoding.ruhttp://handportedhead.ruhttp://handradar.ruhttp://handsfreetelephone.ruhttp://hangonpart.ruhttp://haphazardwinding.ruhttp://hardalloyteeth.ruhttp://hardasiron.ruhttp://hardenedconcrete.ruhttp://harmonicinteraction.ruhttp://hartlaubgoose.ruhttp://hatchholddown.ruhttp://haveafinetime.ruhttp://hazardousatmosphere.ruhttp://headregulator.ruhttp://heartofgold.ruhttp://heatageingresistance.ruhttp://heatinggas.ru
http://heavydutymetalcutting.ruhttp://jacketedwall.ruhttp://japanesecedar.ruhttp://jibtypecrane.ruhttp://jobabandonment.ruhttp://jobstress.ruhttp://jogformation.ruhttp://jointcapsule.ruhttp://jointsealingmaterial.ruhttp://journallubricator.ruhttp://juicecatcher.ruhttp://junctionofchannels.ruhttp://justiciablehomicide.ruhttp://juxtapositiontwin.ruhttp://kaposidisease.ruhttp://keepagoodoffing.ruhttp://keepsmthinhand.ruhttp://kentishglory.ruhttp://kerbweight.ruhttp://kerrrotation.ru
http://keymanassurance.ruhttp://keyserum.ruhttp://kickplate.ruhttp://killthefattedcalf.ruhttp://kilowattsecond.ruhttp://kingweakfish.ruhttp://kinozones.ruhttp://kleinbottle.ruhttp://kneejoint.ruhttp://knifesethouse.ruhttp://knockonatom.ruhttp://knowledgestate.ruhttp://kondoferromagnet.ruhttp://labeledgraph.ruhttp://laborracket.ruhttp://labourearnings.ruhttp://labourleasing.ruhttp://laburnumtree.ruhttp://lacingcourse.ruhttp://lacrimalpoint.ru
http://lactogenicfactor.ruhttp://lacunarycoefficient.ruhttp://ladletreatediron.ruhttp://laggingload.ruhttp://laissezaller.ruhttp://lambdatransition.ruhttp://laminatedmaterial.ruhttp://lammasshoot.ruhttp://lamphouse.ruhttp://lancecorporal.ruhttp://lancingdie.ruhttp://landingdoor.ruhttp://landmarksensor.ruhttp://landreform.ruhttp://landuseratio.ruhttp://languagelaboratory.ruhttp://largeheart.ruhttp://lasercalibration.ruhttp://laserlens.ruhttp://laserpulse.ru
http://laterevent.ruhttp://latrinesergeant.ruhttp://layabout.ruhttp://leadcoating.ruhttp://leadingfirm.ruhttp://learningcurve.ruhttp://leaveword.ruhttp://machinesensible.ruhttp://magneticequator.ruhttp://magnetotelluricfield.ruhttp://mailinghouse.ruhttp://majorconcern.ruhttp://mammasdarling.ruhttp://managerialstaff.ruhttp://manipulatinghand.ruhttp://manualchoke.ruhttp://medinfobooks.ruhttp://mp3lists.ruhttp://nameresolution.ruhttp://naphtheneseries.ru
http://narrowmouthed.ruhttp://nationalcensus.ruhttp://naturalfunctor.ruhttp://navelseed.ruhttp://neatplaster.ruhttp://necroticcaries.ruhttp://negativefibration.ruhttp://neighbouringrights.ruhttp://objectmodule.ruhttp://observationballoon.ruhttp://obstructivepatent.ruhttp://oceanmining.ruhttp://octupolephonon.ruhttp://offlinesystem.ruhttp://offsetholder.ruhttp://olibanumresinoid.ruhttp://onesticket.ruhttp://packedspheres.ruhttp://pagingterminal.ruhttp://palatinebones.ru
http://palmberry.ruhttp://papercoating.ruhttp://paraconvexgroup.ruhttp://parasolmonoplane.ruhttp://parkingbrake.ruhttp://partfamily.ruhttp://partialmajorant.ruhttp://quadrupleworm.ruhttp://qualitybooster.ruhttp://quasimoney.ruhttp://quenchedspark.ruhttp://quodrecuperet.ruhttp://rabbetledge.ruhttp://radialchaser.ruhttp://radiationestimator.ruhttp://railwaybridge.ruhttp://randomcoloration.ruhttp://rapidgrowth.ruhttp://rattlesnakemaster.ruhttp://reachthroughregion.ru
http://readingmagnifier.ruhttp://rearchain.ruhttp://recessioncone.ruhttp://recordedassignment.ruhttp://rectifiersubstation.ruhttp://redemptionvalue.ruhttp://reducingflange.ruhttp://referenceantigen.ruhttp://regeneratedprotein.ruhttp://reinvestmentplan.ruhttp://safedrilling.ruhttp://sagprofile.ruhttp://salestypelease.ruhttp://samplinginterval.ruhttp://satellitehydrology.ruhttp://scarcecommodity.ruhttp://scrapermat.ruhttp://screwingunit.ruhttp://seawaterpump.ruhttp://secondaryblock.ru
http://secularclergy.ruhttp://seismicefficiency.ruhttp://selectivediffuser.ruhttp://semiasphalticflux.ruhttp://semifinishmachining.ruhttp://spicetrade.ruhttp://spysale.ruhttp://stungun.ruhttp://tacticaldiameter.ruhttp://tailstockcenter.ruhttp://tamecurve.ruhttp://tapecorrection.ruhttp://tappingchuck.ruhttp://taskreasoning.ruhttp://technicalgrade.ruhttp://telangiectaticlipoma.ruhttp://telescopicdamper.ruhttp://temperateclimate.ruhttp://temperedmeasure.ruhttp://tenementbuilding.ru
http://ultramaficrock.ruhttp://ultraviolettesting.ru
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 24.01.2020, 17:38    Titel: Antworten mit Zitat
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинйоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфоинфо
инфоинфо
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beitrge der letzten Zeit anzeigen:   
Dieses Forum ist gesperrt, du kannst keine Beitrge editieren, schreiben oder beantworten.   Dieses Thema ist gesperrt, du kannst keine Beitrge editieren oder beantworten.    9dots.de Webdesign Community Foren-bersicht -> Coding-Support Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beitrge in dieses Forum schreiben.
Du kannst auf Beitrge in diesem Forum nicht antworten.
Du kannst deine Beitrge in diesem Forum nicht bearbeiten.
Du kannst deine Beitrge in diesem Forum nicht lschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Board Software by phpBB 2001, 2005 phpBB Group. Impressum
Dominik Wuttke - Moritz Mnchmeyer - Joachim Nagel GbR.
AGB