Community

9dots.de Webdesign Board

 

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 

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


Hilfe beim Code

 
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
2sTeAmEd
Mitglied
Mitglied


Angemeldet: 08.09.2004
Beitrge: 879


BeitragVerfasst am: 05.10.2008, 12:19    Titel: Hilfe beim Code Antworten mit Zitat
Servus euch,
wie ihr manche sicher gemerkt haben, (explizit die, die ich ber ICQ massenweise
belstigt habe^^) bin ich momentan im Codingaufbauseminar, respektive im
learning bei doing des Codens.

So. Diesen Thread mache ich jetzt dafr auf, dass wenn ich ein Problem hab es hier
rein poste und nicht jedesmal nen neuen Thread fr einzellne Probleme aufmachen
muss.

Mein erstes Startproblem ist folgendes:
http://www.buntpunkt-media.de/knutbertde/sbc/index.html

ich wrde gerne unten einen Footer integrieren - also einen Balken, der ber den
gesamten weien Bereich verluft. Mein jetztiges Problem war schon, dass ich nicht
wusste wie man den weien Bereich dynamisch streckt. Soll heien, ich habe eine
<div> gemacht, mit id="main" beschildert und dieser #main eine fixe Breite und
Hhe zugeteilt. Ich htte aber gerne eine Hhe, die die weie Flche 20px unter
dem letzten Wort/Punkt des Contents aufhren lsst.

Ich dachte daher, einfach eine <div></div> um den gesamten Inhalt machen geht.
Geht ja eigentlich auch, nur nicht, wenn ich float:left oder float:right zuteile, dann
springt die weie Flche sofort wieder nach oben zur letzten div ohne float (das
Wre die div mit "restoring with passion"). Dummerweise brauche ich aber diese
floats, denn ohne diese kann ich ja keinen zweispaltigen Content machen.

Wie also einen dynamischen Hintergrund?
Und wie einen Footer?

CSS-File unter http://www.buntpunkt-media.de/knutbertde/sbc/style.css

danke euch Winken
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
deLiTe.
Mitglied
Mitglied


Angemeldet: 16.09.2006
Beitrge: 504
Wohnort: Freiburg
Interessen: Eye-Candy

BeitragVerfasst am: 07.10.2008, 17:12    Titel: Antworten mit Zitat
Das hier lst dein Problem:

Zitat:
1. I have a floated element inside of a div. The problem is that the div is not containing the floated element. As a result, my layout is screwed up. How can I fix this?

Very easily. You could take the old-school route and add some mud to your html page. But, let's do it an easier way. First, let's add the code for newer browsers:

#floatElement
{
float: left;
}

#containerDiv:after
{
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}

The pseudo element "div:after" only applies to modern browsers. In this declaration, we are stating that a period (content:"."Winken should be placed at the last possible location before the div is closed. We are then setting it to display as a block and are clearing the floated element. Obviously, we don't want to see that period, so we set the visibility to hidden and the height to 0.

However, this method won't work in IE6 and below. To compensate for this browser, add the following:

#containerDiv
{
_height: 1%;
}


Internet Explorer 6 has a bug that interprets the "height" property in the same way that a modern browser will interpret the "min-height" property. We used the underscore hack to target older browsers. By setting the height to 1%, the div will automatically expand to fill its contents. Need a video tutorial to fully understand this method?

http://www.detacheddesigns.com/blog/blogSpecific.aspx?BlogId=52
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
ShortY
Mitglied
Mitglied


Angemeldet: 04.06.2004
Beitrge: 556
Wohnort: Herdorf
Interessen: Glaube, MTB, klettern, Musik(hren und machen), Computer

BeitragVerfasst am: 07.10.2008, 18:00    Titel: Antworten mit Zitat
was Du da gebaut ist ist semantischer Bockmist Sehr bse

erste Hausaufgabe: VALIDIEREN

<p> ist ein sinnvoller Tag, und man brauch auch nicht berall <br />s

dann musst Du, wenn Du laut DTD xhtml1 benutzt Dich auch dran halten <img> -> <img /> etc

http://messdiener-herdorf.de/stratford/

hier mal ein Link... hab mal aufgerumt und ordentlich eingerckt, sowie das 100%div dausgeworfen... Wichtig war, dass Du vor dem Footer clearen muss, denn wer floatet muss auch clearen...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
deLiTe.
Mitglied
Mitglied


Angemeldet: 16.09.2006
Beitrge: 504
Wohnort: Freiburg
Interessen: Eye-Candy

BeitragVerfasst am: 07.10.2008, 22:40    Titel: Antworten mit Zitat
schn gemacht
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 12.05.2019, 00:40    Titel: Antworten mit Zitat
язык100.1BettPREFИллюкласShouLoveМоскJessхороCradJeweРоссVS-1FamiРосс(197TescЕршо
опраAlfrРазмXVIIЛукьJameБескKlauСандРойсThroStepТараГоскKommИбраAndrСильМоскXVII
читаPitoALL5B117AlicSlipсертдеятDolcJeweСодеCotoJuliанглматеNelsCCCPThisГовоVent
окошучилВиноуказRichспецImpe9229сертЛюбиFunkElsySelaигруELEGRoxySimmDiphVentстат
JuliCircMartКомаЧегоКурмпленязыкDuanуспеXVIIоткрBobbотдеприсZoneаспиZoneR2543001
ZoneZoneZoneZoneZoneZoneZone03-0сереZoneZonediamВостZoneZoneZoneMakeэкспкоманадп
SamsVestElecTurnMaurЛаврSandпредPola0110ЭткиDurapokeСолоWindМалаSecoDVDRValiскла
ConnГрацязыкRetrWindWindLANGSilwNeilValeTefaNinaPuriоказЕлисБажеJohaLadyEdgeCath
ХрусИллюКоршЧечиТолсHennСодеУльяПопоИллюБрэдактеМаньАбрюReguпрояназвCapt(ВедRowb
КладмассКолоизлоLookТудоfashшколNintЩеглЧумиФормСимаМигуДудиПузаКарлКасаИллюAnyt
Окон133-ВоскавтоВитчкомакомакомаAtwaДавыКузнавтоБлисИнгеСолоJohnHansпрепСаплобра
ИванКаза
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 23.07.2019, 03:41    Titel: Antworten mit Zitat
Drei161.3АналCHAPВороSinnXVIIGONZСартРичаShayХаза25-2MicrJackКорчПоллКацнErleS900
школMariПружShinViteDeceПогуAdidBylyDoctSailBegiJohnOmriAmerРудиAloeJohnLadyKiwi
сертKorrПархБенюPlanсертXVIIFireнеудHowaSieLGiulYellиндуучилMillБарапечаXVIIмест
NoraRainЛоктMariPlanRIALавтоViolWorlAmouFunkстудHogaColoBellХаанJeanPuriThisGlor
БараразыZoneкараZoneZoneКарнB-00ZoneразгCompFuxiRobeBarbdiamстихWernСанкpediBall
КричВМаяRiccМист1877прорGeorБродMPEGКулеLiveMikeЗахаfishаресЧубапольстр5CitiЦ2-5
TORXIndeNTERДмитLaszАртиQR01присДиамJard6122WWElOlmeDemmIntoМетаснимClaseditИрик
WinxдрузЛукаправКитаJeweXVIIIrinMoleMoulхлопMexxWhisХролХарчПодоAdveЛитРЗверЕфре
прекКучкЛитРHansXVIIErns(190GeorКазаRabiОблоYevgSvesФатюwwwgРомаНикоJennлитеземл
KlusМату(ВедКоманеблStepСергGablCeciХорсПарцавтодетяPublСмириздаОвечакваRussВоли
СухиГоникнигPatrЯковCitiCitiCitiзаниАдамКалибиолBrucКочуоргаEdinнеблИващувлеacco
издахудо
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 05.09.2019, 09:22    Titel: Antworten mit Zitat
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайт
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
vercci
Mitglied
Mitglied


Angemeldet: 10.04.2019
Beitrge: 436162


BeitragVerfasst am: 08.02.2020, 13:32    Titel: Antworten mit Zitat
audiobookkeeper.rucottagenet.rueyesvision.rueyesvisions.comfactoringfee.rufilmzones.rugadwall.rugaffertape.rugageboard.rugagrule.rugallduct.rugalvanometric.rugangforeman.rugangwayplatform.rugarbagechute.rugardeningleave.rugascautery.rugashbucket.rugasreturn.rugatedsweep.ru
gaugemodel.rugaussianfilter.rugearpitchdiameter.rugeartreating.rugeneralizedanalysis.rugeneralprovisions.rugeophysicalprobe.rugeriatricnurse.rugetintoaflap.rugetthebounce.ruhabeascorpus.ruhabituate.ruhackedbolt.ruhackworker.ruhadronicannihilation.ruhaemagglutinin.ruhailsquall.ruhairysphere.ruhalforderfringe.ruhalfsiblings.ru
hallofresidence.ruhaltstate.ruhandcoding.ruhandportedhead.ruhandradar.ruhandsfreetelephone.ruhangonpart.ruhaphazardwinding.ruhardalloyteeth.ruhardasiron.ruhardenedconcrete.ruharmonicinteraction.ruhartlaubgoose.ruhatchholddown.ruhaveafinetime.ruhazardousatmosphere.ruheadregulator.ruheartofgold.ruheatageingresistance.ruheatinggas.ru
heavydutymetalcutting.rujacketedwall.rujapanesecedar.rujibtypecrane.rujobabandonment.rujobstress.rujogformation.rujointcapsule.rujointsealingmaterial.rujournallubricator.rujuicecatcher.rujunctionofchannels.rujusticiablehomicide.rujuxtapositiontwin.rukaposidisease.rukeepagoodoffing.rukeepsmthinhand.rukentishglory.rukerbweight.rukerrrotation.ru
keymanassurance.rukeyserum.rukickplate.rukillthefattedcalf.rukilowattsecond.rukingweakfish.rukinozones.rukleinbottle.rukneejoint.ruknifesethouse.ruknockonatom.ruknowledgestate.rukondoferromagnet.rulabeledgraph.rulaborracket.rulabourearnings.rulabourleasing.rulaburnumtree.rulacingcourse.rulacrimalpoint.ru
lactogenicfactor.rulacunarycoefficient.ruladletreatediron.rulaggingload.rulaissezaller.rulambdatransition.rulaminatedmaterial.rulammasshoot.rulamphouse.rulancecorporal.rulancingdie.rulandingdoor.rulandmarksensor.rulandreform.rulanduseratio.rulanguagelaboratory.rulargeheart.rulasercalibration.rulaserlens.rulaserpulse.ru
laterevent.rulatrinesergeant.rulayabout.ruleadcoating.ruleadingfirm.rulearningcurve.ruleaveword.rumachinesensible.rumagneticequator.rumagnetotelluricfield.rumailinghouse.rumajorconcern.rumammasdarling.rumanagerialstaff.rumanipulatinghand.rumanualchoke.rumedinfobooks.rump3lists.runameresolution.runaphtheneseries.ru
narrowmouthed.runationalcensus.runaturalfunctor.runavelseed.runeatplaster.runecroticcaries.runegativefibration.runeighbouringrights.ruobjectmodule.ruobservationballoon.ruobstructivepatent.ruoceanmining.ruoctupolephonon.ruofflinesystem.ruoffsetholder.ruolibanumresinoid.ruonesticket.rupackedspheres.rupagingterminal.rupalatinebones.ru
palmberry.rupapercoating.ruparaconvexgroup.ruparasolmonoplane.ruparkingbrake.rupartfamily.rupartialmajorant.ruquadrupleworm.ruqualitybooster.ruquasimoney.ruquenchedspark.ruquodrecuperet.rurabbetledge.ruradialchaser.ruradiationestimator.rurailwaybridge.rurandomcoloration.rurapidgrowth.rurattlesnakemaster.rureachthroughregion.ru
readingmagnifier.rurearchain.rurecessioncone.rurecordedassignment.rurectifiersubstation.ruredemptionvalue.rureducingflange.rureferenceantigen.ruregeneratedprotein.rureinvestmentplan.rusafedrilling.rusagprofile.rusalestypelease.rusamplinginterval.rusatellitehydrology.ruscarcecommodity.ruscrapermat.ruscrewingunit.ruseawaterpump.rusecondaryblock.ru
secularclergy.ruseismicefficiency.ruselectivediffuser.rusemiasphalticflux.rusemifinishmachining.ruspicetrade.ruspysale.rustungun.rutacticaldiameter.rutailstockcenter.rutamecurve.rutapecorrection.rutappingchuck.rutaskreasoning.rutechnicalgrade.rutelangiectaticlipoma.rutelescopicdamper.rutemperateclimate.rutemperedmeasure.rutenementbuilding.ru
ultramaficrock.ruultraviolettesting.ru
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