Kommentarer till Guide: Utöka bredd blogg.se

Av: Louice

Louice — Tue, 22 Jan 2013 17:55:26 +0000

hej jag har samma problem som C AND Y. Att själva Profilområdet halkar ner till i slutet. Så själva inläggsrutan är enbart synlig i början..

Av: Manda

Manda — Thu, 29 Dec 2011 09:28:48 +0000

Hej! Jag har två problem, jag har en grå ram runt mina bilder som jag inte kan få bort. Sedan att jag kan inte göra bilderna större än 500. Så om jag gör bilderna större så försvinner ramen! Vet du något om ramar runt bilder?

Av: C AND Y - House of Geeks

C AND Y - House of Geeks — Sun, 27 Feb 2011 15:26:52 +0000

Hejsan! Detta fungerade jättebra! Dock undrar jag vad jag ska göra om profil halkar ner jättemycket när jag ökar bredden på content? :S

Av: Lotte

Lotte — Thu, 13 Jan 2011 07:30:55 +0000

Hej! Kan du kanske hjälpa mig? Jag håller på och ändrar design för min blogg men sidomenyn rutschar ner på alla andra sidor utom på startsidan (och på startsidan beter den sig också väldigt märkligt ibland). Vad kan det bero på? Det här är min tesblogg: http://www.kunterbunt.blogg.se

#wrapper {
clear:none;
margin-bottom: -20px;
margin-left:100px;
padding: 0px 0px 60px;
width: 1084px;

#wrapper:after {
content: ”.”;
display: block;
height: 0;
clear: both;
visibility: hidden;

#header {
margin: 0px 13px 20px;
height: 376px;
width: 844px;

#side {
float: left;
width: 200px;
margin: 0px 0px 0px 10px;
padding: 10px;
left:0px;
}

#content {
overflow: hidden;
width: 800px;
position:relative;
padding: 10px;
voice-family:”\”}\”";
voice-family:inherit;
float: left;
margin-left: 25px;
}html>body #content { width: 800px }

#extrameny {
float:right;
padding:6px;
margin-right:-5px;
width:200px;
background:#ffffff;
color:#000000;
font-family: corbel, tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

Tacksam för svar!

Av: Yvonne

Yvonne — Fri, 27 Aug 2010 18:08:51 +0000

Oh! Jag har Design/Fashion på min blogg.
En fråga: Vilken storlek har själva bloggytan från början?
Jag frågar därför att jag just nu försöker lägga in en kod till HÖGER om bloggytan. Men bilden/annonsen hamnar hela tiden till hälften på själva bloggen.
Tänkte att jag kunde använda matematik här
1) Jag vet avståndet från webbläsarens kant fram till bloggytans vänsterkant: 10px.
2) Jag behöver veta hur bred bloggytan är.
3) Och så ska det vara ett litet avstånd mellan bloggytans högerkant fram till annonserna också …

… då borde jag kunna ställa om något i stilmallen (eller kodmallen) så att annonsen hamnar där den SKA hamna.

Håhå jaja!

// Yvonne

Av: pastebin

pastebin — Wed, 09 Jun 2010 15:01:53 +0000

Hej Jonathan!

Du kan även ändra i procent.
Låt säga att du har en width: 50%; så kan du ändra den till width: 60%; utan några konstigheter.
px (pixlar) är mer precist, så om jag har en bred på 50px så är den alltid 50 pixlar bred.
Har jag däremot 50%, så är den 50% i bredd av den totala hemsideytan.
Så om något annat tar 51% utrymme, så finns ju inte tillräckligt med plats.

Man använder olika i olika sammanhang.
Om man behöver en bredd över hela ytan, så använder man oftast 100%, för oavsett upplösning på användarens skärm, så täcker den då 100% i bredd.
Skulle du skriva 1000px i bredd för att täcka hela ytan, och någon kommer in med en widescreen som har 2000 pixlar i bredd på sin skärm, så täcker alltså den bara halva ytan.

Slutsummering: Du kan ändra i % och px, du kan använda värdena olika för varje kod, antingen px eller %

Av: Jonathan

Jonathan — Wed, 09 Jun 2010 14:30:47 +0000

Hej!
I min Content står bredden i procent.., hur gör man då för att öka bredden? I Wrappern står de i px men inte i content..?

Tack på förhand,
Jonathan

Av: pastebin

pastebin — Thu, 06 May 2010 11:16:04 +0000

Hej Erica!

Om du har fashion så letar du först upp följande kod:

#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 830px;
background-color: #FFFFFF;
}

Du skall då ändra din width till e.x 930. Då har du utökat bredden med 100px.
Sedan skall du ändra content, och lägga till 100px i bredden på den. Leta efter följande kod:

#content {
overflow: hidden;
width: 538px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:”\”}\”";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
}html>body #content { width: 538px }

För att lägga till 100px så ändrar du width:en i botten, så får du din kod såhär:
}html>body #content { width: 638px }

Du kan självfallet utöka med mer om du vill, eller mindre. Kom bara ihåg att utöka lika mycket i wrappern som i content. Lägger du till 50px i wrappern, så skall 50px läggas till i content också.

Lycka till

Mvh,
Niclas

Av: Erica

Erica — Thu, 06 May 2010 10:58:48 +0000

Åh tack så mycket!!!
men jag har en till fråga.. vilket tema skrev du dom där koderna o grejerna efter?
jag valde temat ”fashion” från början.